স্থানীয় হোস্ট যদি সংযোগের সাথে জাভাস্ক্রিপ্ট চেক করবেন?

Question 1

পৃষ্ঠাটি লোডিংটি আমার স্থানীয় মেশিনে থাকলে আমি আমার জাভাস্ক্রিপ্টটিতে একটি চেক রাখতে চাই।

যে কারণটি আমি এটি করতে চাই তা হ'ল আমি যখন বিকাশ করি তখন আমি নিশ্চিত করতে চাই যে আমার সার্ভারের উভয় দিক (সি #) যাচাইকরণ সঠিকভাবে কাজ করছে। সুতরাং আমি উভয় ক্লায়েন্ট পক্ষ এবং সার্ভার পক্ষের ত্রুটি দেখাতে দেখতে চাই।

সুতরাং আমি পরীক্ষার সময় আমার jquery বৈধতাযুক্ত স্টাফের মধ্যে আমার কাছে একটি পতাকা রয়েছে যা কেবল সর্বদা অবৈধ ডেটা দিয়ে যেতে দেয়। এইভাবে আমি ক্লায়েন্টের পাশ এবং সার্ভারের ত্রুটিগুলি একবারে দেখতে পাচ্ছি।

তবে এখনই আমাকে ম্যানুয়ালি যেতে হবে এবং বিকাশ থেকে উত্পাদনে যাওয়ার সময় পিছনে পিছনে যেতে হবে।

Question 2

location.hostnameপরিবর্তনশীল আপনি বর্তমান হোস্ট দেয়। আপনি কোন পরিবেশে রয়েছেন তা নির্ধারণ করার জন্য এটি আপনার পক্ষে যথেষ্ট।

if (location.hostname === "localhost" || location.hostname === "127.0.0.1")
    alert("It's a local server!");

Question 3

যদি ব্রাউজারে স্থির এইচটিএমএল চালু করা হয়, যেমন file:///C:/Documents and Settings/Administrator/Desktop/"লোকালহোস্ট" সনাক্ত করার মতো অবস্থান থেকে কাজ করবে না। location.hostnameখালি স্ট্রিং ফিরে আসবে। তাই

if (location.hostname === "localhost" || location.hostname === "127.0.0.1" || location.hostname === "")
    alert("It's a local server!");

Question 4

তবুও সমস্ত ধরা পড়েনি তবে এটি হতে পারে কিছুটা উন্নতি। আপনি এখন ডোমেনগুলির একটি অ্যারে তৈরি করতে পারেন এবং অন্তর্ভুক্ত করতে পারেন

const LOCAL_DOMAINS = ["localhost", "127.0.0.1", ...];

if (LOCAL_DOMAINS.includes(window.location.hostname))
  alert("It's a local server!");

Question 5

এটি কীভাবে প্রতিক্রিয়াতে পরীক্ষা করা যায় , পরিষেবা কর্মী নিবন্ধন করুন, লোকালহোস্ট এবং আইপিভি 6 সহ হোস্ট- নেম চেক করে আপনি লোকালহোস্টে আছেন কিনা তা যাচাই করার ভাল উপায় এবং 127 এর সাথে ম্যাচিং শুরু :

const isLocalhost = Boolean(
    window.location.hostname === 'localhost' ||
    // [::1] is the IPv6 localhost address.
    window.location.hostname === '[::1]' ||
    // 127.0.0.1/8 is considered localhost for IPv4.
    window.location.hostname.match(
        /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
    )
);

Question 6

অন্যান্য স্ক্রিপ্টগুলির মতো একই যান্ত্রিক ব্যবহার করে সবচেয়ে স্বল্পতম ফর্ম:

if ( ["localhost", "127.0.0.1", ""].includes(window.location.hostname) ) {
     console.log("It's local host !");
}

Question 7

এই এক এছাড়াও কিছু সাধারণ ক্ষেত্রে যেখানে স্থানীয় নেটওয়ার্ক আইপিগুলি দিয়ে শুরু জুড়ে 10.0.বা 192.168.বা রিসিভ ডোমেনে বিভক্তি মত .local:

export function isLocalNetwork(hostname = window.location.hostname) {
  return (
    (['localhost', '127.0.0.1', '', '::1'].includes(hostname))
    || (hostname.startsWith('192.168.'))
    || (hostname.startsWith('10.0.'))
    || (hostname.endsWith('.local'))
  )
}

Question 8

এটির একটি সহজ উপায় হ'ল লোকালহস্টের বিরুদ্ধে হোস্টনামটি পরীক্ষা করা বা আপনার কাস্টম ডোমেন নামটি একটি স্ট্রিংয়ের বিপরীতে পরীক্ষা করা, এই ক্ষেত্রে ".local" url, যেমন http: //testsite.local

var myUrlPattern = '.local';
if (window.location.hostname === "localhost" || location.hostname === "127.0.0.1" || window.location.hostname.indexOf(myUrlPattern) >= 0) {
    alert("It's a local server!");
}

Question 9

পৃষ্ঠাগুলির পিছনে আপনার কোডের একটিতে সি # এর সাহায্যে সনাক্ত করতে পারেন:

if ((Request.Url.Host.ToLower() == "localhost"))
{
    // ..., maybe set an asp:Literal value that's in the js
}

অথবা আপনি যদি ক্লায়েন্ট স্ক্রিপ্ট থেকে এটি করতে চান, আপনি উইন্ডো.লোকেশন.হোস্টের মান পরীক্ষা করতে পারেন।

if (window.location.host == "localhost")
{
    // Do whatever
}

আশাকরি এটা সাহায্য করবে.

Question 10

const LOCAL_DOMAINS = [ "localhost", "127.0.0.1" ];

/* offline || development */
if ( LOCAL_DOMAINS.includes(location.hostname) )
{
    BASE_URL_PUBLIC = location.hostname + "/folder/website/"; // your project folder
}

/* online || production */
else
{
    BASE_URL_PUBLIC = location.hostname;
}

Question 11

উপরের উত্তরগুলি বেশিরভাগই সমস্যার সমাধান করে তবে ...

লোকালহোস্ট অগত্যা 'লোকালহোস্ট /' না হলে কী হবে?
আপনি যদি উন্নয়নের সময় এফই বৈধতা করতে চান?
আপনি যদি দেবের সময় বিভিন্ন আচরণ চান
( ফে বৈধকরণ, বৈধতা যাচাই করুন, কোনও বৈধতা নেই )

একটি সমাধান হল অবস্থানের হ্যাশ সেট করে এটি পরীক্ষা করা।

http://myname.foo.com/for.html# দেববিলিশন

আপনি একটি স্যুইচ সহ সীমাহীন বিকল্প যুক্ত করতে পারেন

switch(location.hash) {}
    case '#devValidation':
        // log the results and post the form
        break;
    case '#beValidation':
        // skip front end validation entirely
        break;
    case '#noValidation':
        // skip all validation $('[name=validationType']).val('novalidation');
        break;
    case '#feValidation':
    default:
        // do fe validation
        break;
}

Question 12

নিয়মিত প্রকাশটি ধীর * তবে স্বল্প এবং ঝরঝরে। এছাড়াও, এখানে কেউ আইপিভি 6 লোকালহোস্টের জন্য পরীক্ষা করে না (:: 1)

/localhost|127\.0\.0\.1|::1|\.local|^$/i.test(location.hostname)

এটি সাধারণ লোকালহোস্ট, .local ডোমেন এবং ফাইলের জন্য পরীক্ষা করে: (খালি হোস্টনেম)।

*) ক্রোমে, পারফরম্যান্স [].includes(...)সেরা (৪২ এমএস), তারপরে অ্যারে আইটেম চেকিং (১১৯ এমএস), তারপরে [].indexOf(...) > -1(২৮৯ এমএস) এবং অবশেষে রেজিএক্সপ্যাক (৫66 এমএস) সহ সাধারণ লুপ (পরে, যখন) থাকে। তবে এই পরিমাপগুলি কোনওভাবে আপেক্ষিক, কারণ বিভিন্ন ব্রাউজারগুলি আলাদাভাবে অনুকূলিত হয়। এফএফ 52 ইএসআর এ includesএবং indexOfএকই রকম ফলাফল রয়েছে, রেজিপ্সপ 2 × ধীর এবং লুপ 6 × ধীর।

Question 13

উপরের মতামতের উপর ভিত্তি করে নিম্নলিখিত নিয়মিত প্রকাশ আমাকে ইউআরএল 'লোকালহোস্ট', কোনও আইপি অ্যাড্রেস আইপিভি 4 বা আইপিভি 6 কিনা তা যাচাই করতে সহায়তা করেছে has

window.location.hostname.match(/localhost|[0-9]{2,3}\.[0-9]{2,3}\.[0-9]{2,3}\.[0-9]{2,3}|::1|\.local|^$/gi)