Click HereClick HereClick Here
Home ›› Uncategorized ›› নিয়ে নিন Shakib-URL Shortners PHP Script । WapKiz,XtGem এবং Blogger এ ব্যাবহার করতে পারবেন

নিয়ে নিন Shakib-URL Shortners PHP Script । WapKiz,XtGem এবং Blogger এ ব্যাবহার করতে পারবেন

-shakib-url-shortners-php-script-wapkizxtgem-blogger-

আসসালামু আলাইকুম

আমি সাকিব। আশা করি ভালোই আছেন আর থাকবেন না কেন ট্রিকবিডি-র সাথে সাথে থাকলে ভালো থাকতেই হবে আপনাদের দোয়ায় আমিও ভালো আছি

আর কথা নয় চলুন কাজে কথায় আসি

আজকে আমি আপনাদের মাঝে শেয়ার করতেছি যে Ajax Url shortners PHP Script
এই স্পিট টা শুধু মাএ PHP তে ব্যাবহার করুন

  • আর হঁ্যা আমি এটাকে সম্পূর্ন
    Ajax,HTML,Css and JavaScript দ্বারা তৈরি করেছি
    যদিও এটা-পুরোটা আমি তৈরি করতে পারিনি https://api.rebrandly.com/v1/links এর সাহায্য পুরোটা তৈরি করা হয়েছে

    চলুন এই স্পিট টার কিছু ScreenShot দেখে আসি

    লাইভ ডেমোঃ Shakib-URL Shortners

    চলুন এটা থেকে ট্রিকবিডি-র লিন্ক। সর্ট করি

    প্রথমে সাইটে প্রবেশ করি
    Link

    তারপর https://trickbd.com লিখে Shorten বাটনে ক্লিক করি

    নিচে দেখুন প্রুফ

    • এই স্পিট আপনি যেকোনো হোষ্ট-এ ব্যাবহার করতে পারবেন
      । তবে এইটা ব্যাবহার করবেন InfinityFree.Net এ কারণ এই ফ্রি হোষ্ট সহজে সাস্পেন্ড করে না তাই এটা আমার

      এটা বেষ্ট

    • এটা ছাড়া আপনি 000WebHost.Com ব্যাবহার করতে পারেন

      এটাও ভালো বাকিগুলা ভালো হলেও আমার কাছে এটাই বেষ্ট

    স্পিট ডাউনলোড লিন্কঃ Link

    • জারা ডাউনলোড করতে পারছেন না তারা নিচের কোড গুলা কপি করেন

      এই কোডগুলা কপি করে index.html নামে ফাইল তৈরি করে ওইখানে কোড টা লাগান


    Shakib-URL Shortners








    Enter a URL





      অতঃপর app.js নামে ফাইল তৈরি করে ওইখানে নিচের কোড টা লাগান

    // Manipulates responseField to render a formatted and appropriate message

    const renderResponse = (response) => {

    // Displays either message depending on results

    if(response.errors){

    responseField.innerHTML = "


    Sorry, couldn't format your URL.


    Try again.


    ";

    } else {

    responseField.innerHTML = `


    Your shortened url is:


    ${response.shortUrl}


    `;

    }

    }


    // Manipulates responseField to render an unformatted response for testing

    const renderRawResponse = (res) => {

    // Displays either message depending on results

    if(res.errors){

    responseField.innerHTML = "


    Sorry, couldn't format your URL.


    Try again.


    ";

    } else {

    // Adds line breaks for JSON

    let structuredRes = JSON.stringify(res).replace(/,/g, ", n");

    structuredRes = `


    ${structuredRes}

    `;

    responseField.innerHTML = `${structuredRes}`;

    }

    }


    // Information to reach API

    const apiKey = 'e4d282f10601411bae5b8f9a982959d2';

    const url = 'https://api.rebrandly.com/v1/links';


    // Some page elements

    const inputField = document.querySelector('#input');

    const shortenButton = document.querySelector('#shorten');

    const responseField = document.querySelector('#responseField');


    // AJAX functions


    /*// XHR Object: POST

    const shortenUrl = () => {

    const urlToShorten = inputField.value;

    const data = JSON.stringify({destination: urlToShorten}) ;// We're including this information because the API expects to see an object with a key 'destination' that has a value of a URL; The reason for creating data is to prepare the information needed to send in the body.


    const xhr = new XMLHttpRequest;

    xhr.responseType = 'json';

    xhr.onreadystatechange = () => {

    if (xhr.readyState === XMLHttpRequest.DONE) {

    renderResponse(xhr.response);

    }

    }

    xhr.open('POST', url);

    xhr.setRequestHeader('Content-type', 'application/json');

    xhr.setRequestHeader('apikey', apiKey);

    xhr.send(data);

    }

    */


    /* // fetch() POST request

    const shortenUrl = () => {

    const urlToShorten = inputField.value;

    const data = JSON.stringify({destination: urlToShorten}) ;// We're including this information because the API expects to see an object with a key 'destination' that has a value of a URL; The reason for creating data is to prepare the information needed to send in the body.


    fetch(url, {

    method: 'POST',

    headers: {

    'Content-type': 'application/json',

    'apikey': apiKey

    },

    body: data

    })

    .then(response => {

    if(response.ok){

    return response.json();

    }

    throw new Error('Request failed!');

    }, networkError => console.log(networkError.message))

    .then(jsonResponse => {

    renderResponse(jsonResponse);

    })

    }

    */


    //async await fetch() POST Request

    const shortenUrl = async () => {

    const urlToShorten = inputField.value;

    const data = JSON.stringify({destination: urlToShorten});


    try{

    const response = await fetch(url, {

    method: 'POST',

    body: data,

    headers: {

    'Content-type': 'application/json',

    'apikey': apiKey

    }

    });

    if(response.ok){

    const jsonResponse = await response.json();

    renderResponse(jsonResponse);

    }

    }catch(error){

    console.log(error);

    }

    }


    // Clear page and call AJAX functions

    const displayShortUrl = (event) => {

    event.preventDefault();

    while(responseField.firstChild){

    responseField.removeChild(responseField.firstChild);

    }

    shortenUrl();

    }


    shortenButton.addEventListener('click', displayShortUrl);

      এইখানে style.css ফাইলটা দিলাম না কারন আমার সাইটে আছে। ওই কোডটা দিলাম না চাইলে লিন্কে গিয়ে কপি করে নিতে পারেন Style Css

    এই স্পিট টা আপনি চাইলে WapKiz, Blogger, XtGem Etc, তে ব্যাবহার করতে পারবেন কারন আমি ওইকরম ভাবেও তৈরি করেছি

    • এই ধরনের সাইটে [app.js]
      এই কোড গুলা সাপোর্ট করেনা তাই এটা ব্যাবহার করা লাগবেনা। আমার সাইটে-র সাথে Connect করা আছে
    • নিচ থেকে কোড গুলা কপি করে নিন


    Shakib-URL Shortners








    Enter a URL







    আজ এই প্রর্যন্ত পরবর্তী পোষ্টের আপেক্ষায় থাকুন

    আর কোনো সমস্যা হলে কমেন্ট করুন

    আমি ফেসবুকে

    ধন্যবাদ

    The post নিয়ে নিন Shakib-URL Shortners PHP Script । WapKiz,XtGem এবং Blogger এ ব্যাবহার করতে পারবেন appeared first on Trickbd.com.

  • 3 days ago (October 18, 2020) 4 Views
    Report

    About Author (1693)

    Administrator

    Leave a Reply

    You must be Logged in to post comment.

    Related Posts


    Contact Admin At Facebook