اتصال دامنه به ip لوکال

تست وب اپ

سلام

اگه طراح وب باشین، حتما با این موضوع مواجه شدین که گاهی نیاز دارین خروجی کار خودتون رو تو گوشی ببینید،

راه های مختلفی برای اینکار وجود داره، ولی خب هر کدوم چالش های خاص خودشون رو دارن، از مشکلات فایروال گرفته تا …

«اتصال دامنه به آی پی لوکال» هم یکی از همین راه هاست که طی این پست نحوه استفاده ازش رو توضیح میدم.

به عنوان مثال اگه در حال طراحی یه PWA یا وب اپ برای یه پروژه با یکی از فریم ورک های PHP باشید، شاید به این چالش بر بخورید.

تو حالت عادی وقتی نیاز دارین تا سایت رو روی دامنه تست کنید، خب قطعا از لوکال دامین استفاده می کنید،

به این ترتیب که اول فایل hosts سیستم عامل رو تغییر میدین و بعد با کانفیگ httpd-vhosts یه دامنه لوکال ایجاد می کنید که وقتی تو مرورگر خودتون، آدرس سایت رو میزنین، پروژه تون به صورت لوکال میاد بالا و در واقع پروژه رو روی سیستم خودتون ولی با دامنه ای که برای تنظیم کردین میبینید.

ولی

ولی وقتی نیاز دارین که سایت رو روی گوشیتون هم ببینیند، اگه آدرس همون دامنه رو بزنین، چون gateway متفاوتی دارن، چیزی به شما نمایش داده نمیشه.

این پست برای حل همین چالش هست.

 

 

چه اتفاقی قراره بیافته ؟

قراره وقتی آدرس دامین یا ساب دامنه مورد نظر خودتون رو تو گوشی میزنین، سایتی که در حال طراحی اون هستید رو روی گوشی ببینید.

البته که این فقط محدود به گوشی نیست و تمام سیستم های موجود تو شبکه داخلی شما میتونن با زدن اون آدرس خروجی کار شما رو ببینین.

 

شبکه داخلی چیه ؟

چیز خاصی نیست، همین که گوشی رو هات اسپات می کنین و با لپ تاپ بهش متصل میشید تا از اینترنت اون استفاده کنید، در واقع یه شبکه تشکیل دادید که کامیوتر و گوشی شما از نود های اون شبکه محسوب میشن.

 

نکته:

این مطلب رو با این تصور مینویسم که مخاطب های اون با مفاهیم دامنه، سرور، کلاد فلیر، شبکه و دامنه لوکال آشنایی دارن.

 

موارد مورد نیاز:

دامنه، یه اکانت کلاد فلیر (یا یه سرویس مشابه که بتونین راحت dns دامنه رو مدیریت کنید) و یک شبکه داخلی (همون هات اسپات گوشی هم اوکیه)

 

خب شروع کنیم

قدم اول:

دامنه مورد نظر خودتون رو روی xampp/wampp یا هرچیز دیگه ای که دارید استفاده می کنید معرفی کنید،
برای xampp به این صورت معرفی میشه:

فایل httpd-vhosts.conf رو باز کنید، تو این مسیر قرار داره:

xampp\apache\conf\extra

یه دامنه با نام دلخواه به اون اضافه کنید، نحوه اضافه کردن دامنه به این شکله، کافیه کد زیر رو به دلخواه خودتون تغییر بدین و به فایل بالا اضافه کنید:

حالا تغییری که تو httpd-vhosts.conf دادین رو ذخیره و xampp رو ری استارت کنید.

حالا سیستم شما آمادگی این رو داره که اگه کسی با درخواست دامنه مثلا test.copypastekon.ir به اون مراجعه کرد، درخواست رو طبق کانفیگی که انجام دادین جواب بده.

لازم به ذکر است: در صورتی که xampp / wampp و … فعال باشن.

حالا cmd رو باز کنید، عبارت: ipconfig رو تایپ کنید،

اگه کامپیوتر شما به hotspot گوشی وصل باشه، تو خروجی دستور بالا یه سری اطلاعات نمایش داده میشه، دنبال آی پی لوکال خودتون بگردین

cmd

همونطور که تو تصویر میبینید، اینجا آی پی لوکال من ۱۹۲٫۱۶۸٫۴۳٫۱۷۱ هست.

خب حالا به اکانت کلاد فلیر خودتون مراجعه کنید و وارد تنظیمات Dns دامنه ای که قصد تست پروژه اون رو دارید بشین.

یه A رکورد با نام دامنه ای که اون بالا تو فایل httpd-vhosts.conf وارد کرده بودین، ایجاد کنید و برای آی پی اون، آی پی لوکال سیستم خودتون رو وارد کنید و اون رو ذخیره کنید.

مثلا من به تنظیمات dns دامنه copypastekon.ir میرم و یه A record ایجاد می کنم با نام test.copypastekon.ir و آی پی اون رو ۱۹۲٫۱۶۸٫۴۳٫۱۷۱ قرار میدم.

 

و تمـــام

حالا توی گوشی یا سیستم یا هر کدوم از نود های شبکه، ادرس دامین خودتون رو بزنین پروژه تون (به شرط فعال بودن وب سرور) میاد بالا.

 

پ.ن:

  • میدونم خیلی For beginner توضیح ندادم، ولی خب برای جونیور ها هم یکم چالش و جستجو واسه پیدا کردن و فهمیدن کامل داستان بد نیست.
  • اگه به مباحث امنیت و نفوز علاقه دارید، روی این پست با یه نگاه دیگه هم یکم تامل کنید :)

 

امیدوارم به کارتون بیاد

#یا_علی

ابزاری برای سازماندهی افکار و افزایش تمرکز

Mindly-tapptitude-roof-party

بسم الله

Mindly

هرکسی ممکنه تو طول زندگی به بن‌بست های ذهنی برخورد کنه، میگم بن‌بست چون کلمه ی دیگه ای برای وصف این حالت پیدا نکردم.حالتی که از تعدد افکار مختلف، مغزت متوقف میشه و دیگه نمی تونی کاری رو پیش ببری یا به چیزی فکر کنی. چون افکار یا ایده های مختلفی به ذهنت هجوم آوردن که به ظاهر هیچ کدوم از اون یکی کم ارزش‌تر نیست و تو مجبوری موازی به اونها فکر کنی،
در ادامه این فرایند (یعنی موازی فکر کردن) مغز بازدهی خودش رو از دست میده.
فکر می‌کنم ترسِ از دست دادن یکی از اون افکار یا ایده ها باعث میشه که دونه دونه اونها رو تحلیل و حل نکنی، چون ممکنه این وسط یکی از اونها رو از دست بدی.
« شاید این جملات فقط برای خودم مفهوم داره و قابل درکه به جهت قرارداشتن تو موقعیت های مختلف اینشکلی »

بلاخره زمانی میرسه که مجبور میشی یه راهی برای خارج شدن از این بن‌بست، هنگ یا توقف مغزی پیدا کنی.
نوشتن،
نوشتن تک تک موضوعات مطرح تو مغز می‌تونست تا حدودی گره از این ماجرا باز کنه،
«فقط موضوع»
نوشتن سریع فقط موضوعات شناور تو ذهن باعت میشد ترس از دست دادن اطلاعات تو مغزم از بین بره و بتونم مجزا روی هر کدوم از موضوع هایی که یادداشت کردم فکر کنم و به نتیجه برسم.
مدتی تو note گوشی مینوشتم و بعد به فکر نوشتن یه برنامه برای این قصه افتادم، اما بعید میدونستم کسی قبل از من به این چالش بر نخورده باشه.
تو گوگل پلی شروع به جستجو کردم و بعد از بررسی و تست کلی برنامه رسیدم به «Mindly»
اپلیکیشنی که از چند سال پیش به رفیق دوران بن‌بست من تبدیل شد. رفیقی که بعد از رسیدن به پیک فکری، ذهنمو روش خالی کردم و فکرآی بی‌نتیجه رو لا به لای دایره هاش دفن می کردم.
احساس سبکیِ بعد از هربار باز و بسته کردن اون، باعث شد که تا امروز همراه من باشه.

علاوه بر این میتونید از این ابزار برای یادداشت کردن ایده هاتون بهره ببرید یا فکر های مرتبط به همِ تو ذهنتون رو به اون منتقل کنید و خیال خودتون رو از بابت فراموش نشدن اونها راحت کنید.

 

امیدوارم به کارِتون بیاد.

#یا_علی

 

استارت آپ به جای اینستاگرام

محمدیطور - اینستاگرام

گسترش روز افزون شبکه های اجتماعی در جوامع، باعث ایجاد ایده های جدیدی در راستای مدیریت بهتر زمان بر مبنای مقدار استفاده از اپلیکیشن‌های روی گوشی شده که با ارائه گزارش از تعداد دفعات استفاده از برنامه‌ها به تفکیک روز، ماه یا یک بازه مشخص، افراد را از مقدار استفاده از اپ های مختلف آگاه می کنند.

 

برای درک مقدار زمان تلف شده‌ام طی روز در اینستاگرام، لازم نبود به ریاضی یا علوم آماری مسلط باشم،
یک نگاه به گزارش های نموداری استفاده‌ام از اینستاگرام همانا و فکر تغییر این روند همان.

 

حساب کردم اگه مقدار زمانی که هرروز به چک کردن اینستاگرام اختصاص میدم رو به فکر کردن، ایده پردازی و نهایتا تهیه پروپوزال برای راه اندازی یه استارت آپ اختصاص بدم، میتونم بعد از یه زمان حدودا دو ماهه یک پروپوزال و یک پلن تجاری برای راه اندازی یه استارت آپ داشته باشم.

 

خوشبختانه این ایده در حد فکر باقی نموند و به مرحله اجرا رسید،

 

یعنی تو این حدود دو ماهی که از پاک کردن اپلیکیشن اینستاگرام از روی گوشیم میگذره، علاوه بر اینکه تو طول روز تمرکز بیشتری روی کارهام دارم، تونستم یه ایده رو پرورش بدم، پلنش رو بچینم، تیم سازی کنم و اون رو به مرحله اجرای تست فاز یک برسونم،
الان که دارم این مطلب رو مینویسم، فاز یک در حال پیاده سازی هست.

 

در واقع از وقتی اپ اینستاگرام رو پاک کردم، اندازه پیاده سازی یه استارت آپ کوچیک وقتم آزاد شد.

 

پ.ن:
داشتم این مطلبی که نوشتم رو از بالا ری‌ویو میکردم، یاد تبلیغات تنتاک افتادم 😐
یاد اون جمله معروف ترک سیگار هم افتادم که میگه : «میدونستی اگه پولی که تا الان دادی به سیگار رو نگه میداشتی الان یه بنز داشتی؟»
ولی جدا قصدم انتقال تجربه شخصیم بود و اینکه اندازه خودم توجه شما رو هم به #عمرتون که داره تلف میشه جلب کنم

 

+ و اینکه قطعا خیلی ها حواسشون به زمانشون هست، این مطلب برای مثل «من» هاست
یا علی

دسترسی به اطلاعات شخصی افراد، به سادگی

نمونه اطلاعات قابل استخراج

تصویری که مشاهده می کنید، نمونه ای از اطلاعات هویتی افرادی ست که از مشتریان محصولات سایپا از اول تاسیس تاکنون بوده‌اند.

همانطور که مشاهده می کنید، به راحتی اطلاعات افراد با یک شماره موبایل قابل استخراج است، بدون دانش فنی خاصی

ادامه مطلب

ساخت مخزن-سرور گیت git در هاست اختصاصی

ســــــــــلآم

ساخت مخزن گیت روی سرور اختصاصی یعنی چی!

خب اگر به bitbucket یا githup یا سرویس هایی نظیر اینها آشنایی داشته باشید میدونید که اینها با دراختیار قراردادن سرور git به شما این اجازه رو میدن که کد های خودتون رو روی اونها آپلود کنید تا بتونید علاوه بر خدمات کنترل روند پروژه، نسخه و … با هم تیمی هاتون روی پروژه کار کنید،

اما یک موقع شما پروژه ای دارین که نمیخواین کد اون روی سرور دیگه ای (githup…) باشه، حالا چه به دلیل امنیت چه…

در این حالت اگر سرور اختصاصی داشته باشید، میتونید یک سرور گیت  روی اون راه اندازی کنید و مستقل باشید

ادامه مطلب

شعبده بازی با جاوااسکریپت !

جاوا اسکریپت عملا امروز داره بر دنیای وبِ مدرن سلطنت می کنه و این امر به دلیل ماهیت پویا، همچنین یادگیری راحت اون هست !

گفتم راحتی در یادگیری اما در عین این راحتی جاوا اسکریپت پر از سردرگمی هایی هست که جواب اونها رو حتی در Stackoverflow هم نمی تونید پیدا کنید :دی

در واقع موضوع پست ما همینه، می خوام شما رو با چند خط کد ساده به چالش بکشم تا خودتون رو یکم محک بزنید.

ادامه مطلب

WebP چیست ؟

گوگل با برگزاری کنفرانس های متوالی و دریافت بازخورد برنامه نویسای وب در راستای افزایش پــِرفـُرمنس، به این نتیجه رسید که خیلی از مشکلات سرعت زیر سَرِ تصاویر سنگین مورد استفاده در سایتها هست،
از این رو بر آن شد که تحقیقاتی رو در این راستا شروع کنه، در نتیجه این تحقیقات گوگل به یه الگوریتم خفن دست پیدا کرد
یه الگوریتم مدرن و جدید که می تونه حجم تصاویر رو به ۲۵% حجم اصلی تصویر برسونه با کمترین افت کیفیت !
از ویژگی های این فرمت تصویر اینه که میتونه مثل Png از تـِرَنسپـَرنسـی هم پشتیبانی کنه !

اگه از ویندوز استفاده می کنید می تونید برنامه ای که تصاویر شما رو می تونه به این فرمت تبدیل کنه رو از سرور گوگل دانلود کنید

دانلود برنامه WebpCodecSetup

اگه از سایر سیستم عامل ها هم استفاده می کنید خودتون برید بگردید پیدا کنید 😐