پست‌های انتشارات سرویس ابری لیارا

استفاده از لیارا / NextJS / Bitbucket Pipelines

محمدحسین — Fri, 24 Apr 2020 00:07:17 +0430

فایل liara.json را در شاخه اصلی پروژه شبیه به فایل زیر ایجاد کنید:{ "app": "PROJECT_NAME", "port": 3000, "node": { "version": "12" } }و حالا bitbucket-pipelines.yml را شبیه کد زیر پیکربندی کنید: https://gist.github.com/mhosseinab/798c2122d79f38110c0ee98ec2f2570f برای بدست آوردن LIARA_TOKEN کافیست پس از اجرای دستور liara login ، توکن خود را در فایل ~/.liara.json پیدا کنید و آن را در bitbucket با استفاده از مسیر زیر به صورت Secured ذخیره کنید:Repository settings > Repository variables

آموزش اجرا کردن لاراول در هاست یا سرور

محمدحسین عباداللهی — Sun, 15 Sep 2019 14:57:06 +0430

توسعه‌دهنده‌ی لاراول باشی و دسترسی به artisan نداشته باشی! مگر می‌شود؟ و یا باید کلی منتظر آپلودشدن پوشه‌ی vendor باشی! آخر مگر این پوشه را هم آپلود می‌کنند؟ این پوشه را داخل gitignore قرار داده‌اند که چه؟ که یک‌وقت آپلودش نکنیم!هاست‌های اشتراکی فعلی چندان جواب‌گوی نیازهای برنامه‌نویس‌ها و توسعه‌دهندگان امروزی نیستند. کافیست ترکیب‌های «هاست لاراول» و یا «هاست اشتراکی» را در گوگل جستجو کنید. سرویس‌های بسیاری را مشاهده خواهید کرد که از فرایند خرید سرویس، منظورم همان WHMCS معروف است، تا اجرای پروژه به واسطه‌ی cPanel، کاملا مشابه یکدیگر هستند و هیچ‌کدام ارزش‌افزوده‌ی دیگری را ارائه نمی‌کنند. حتی اگر دقت کنید، از لحاظ قیمتی هم تفاوت چندانی ندارند. تنها ترکیب‌های مختلفی از پلن‌ها را ارائه می‌کنند.این را هم می‌دانیم که هاست‌های cPanel امروزی، مناسب تکنولوژی‌هایی که استفاده می‌کنیم، نیستند. ما از Git استفاده می‌کنیم، از NodeJS برای FrontEnd کمک می‌گیریم و از فریم‌ورک Laravel برای BackEnd قدرت می‌گیریم. دستورات php artisan را اجرا می‌کنیم و از composer برای نصب پکیج‌های‌مان و جلوگیری از کدهای تکراری بهره می‌گیریم.اما در نهایت، وقتی که توسعه‌ی پروژه به نقطه‌ی مطلوبی رسیده باشد و به دنبال قراردادن پروژه‌ی‌تان روی یک سرویس هاست لاراول باشید، ناامید خواهد شد. چرا که عملا این هاستینگ‌ها به صورت اختصاصی برای لاراول طراحی نشده‌اند و شما باید ابزارهایی که در بند قبل گفته شد را کنار بگذارید و به شیوه‌ی سنتی پروژه‌ی‌تان را روی هاست آپلود کنید. حتی گاها لازم است که تغییراتی را هم در فایل‌های اصلی خود لاراول ایجاد کنید تا بتواند در این سرویس‌ها اجرا شود و همیشه باید مواظب باشید که این تغییرات را اشتباها از بین نبرید.اجرای لاراول در هاست اشتراکی کار ساده‌ای نیست.اگر خودم VPS و سرور تهیه کنم، چه؟حتما قبلا با لینوکس کار کردید. می‌دانید چطور باید SSH بزنید. می‌دانید که چه توزیعی از لینوکس را انتخاب کنید. تفاوت‌های بین CentOS و Ubuntu را می‌دانید. کار با Firewall را یاد گرفته‌اید و می‌دانید که چطور دسترسی‌ها را مدیریت کنید. می‌دانید که چطور منابع مصرفی سرورتان را مانیتور کنید. اگر مشکلی پیش بیاید، می‌دانید که چطور باید رفع کنید. می‌دانید که چگونه Apache یا Nginx را نصب کنید و چگونه PHP و اکستنشن‌های آن را روی سرور کامپایل و نصب کنید. می‌دانید که چگونه پروژه‌ی لاراول‌تان را به سرور منتقل کنید و می‌دانید که چگونه برای Apache باید Virtual Host بسازید.اجرای لاراول در سرور و یا VPS هم کار ساده‌ای نیست.نه نمی‌دانم! وقت کافی هم ندارم!در بند قبلی فقط بخشی از دانستی‌ها را گفتیم. دانشی که قبل از تهیه‌ی VPS و سرور خودتان نیاز دارید. پس خرید VPS برای لاراول هم چندان گزینه‌ی ایده‌آلی به نظر نمی‌رسد. سخت، وقت‌گیر و در نهایت طاقت‌فرساست.چه کنیم؟ در نهایت، هاست مناسب لاراول هم داریم؟خبر خوب این است که بله. سرویس ابری لیارا، هاستینگی با تمرکز روی لاراول و تکنولوژی‌های مدرن است. در این هاست ابری، خبری از cPanel نیست و شما با روش‌هایی کاملا مدرن پروژه‌ی‌تان را روی سرور قرار داده و مدیریت می‌کنید.سرویس ابری لیاراسرویس ابری لیارا یک استارت‌آپ ایرانی است که سرویس‌های ابری مختلفی را ارائه می‌کند. نه تنها می‌توانید پروژه‌های لاراول‌تان را با یک دستور روی سرورهای ابری لیارا اجرا کنید، بلکه امکان اجرای پروژه‌های NodeJS و React و Vue و... هم هست.در سرویس ابری لیارا ثبت نام کنید و ۵۰۰۰ تومان اعتبار هدیه دریافت کنید. و این یعنی می‌توانید از هاست لاراول، دیتابیس‌های MySQL و یا MongoDB و سایر خدمات سرویس ابری لیارا برای چند روز به رایگان استفاده کنید.این هاست لاراول، به شما قابلیتی شبیه به دسترسی SSH ارائه می‌کند که می‌توانید از آن برای اجرای دستورات artisan و یا composer استفاده کنید.بعد از ثبت نام، یک پروژه با نام دلخواه‌تان بسازید. هر نامی که انتخاب کنید، پروژه‌ی‌تان با آن نام در دسترس خواهد بود. برای مثال، اگر نام my-project را انتخاب کنید، سرویس ابری لیارا آدرس my-project.liara.run را به شما اختصاص خواهد داد. دامنه‌ی شخصی و دلخواه خودتان را هم هر زمان که نیاز داشتید، می‌توانید به رایگان اضافه کنید.خبر خوب این است که زیردامنه‌ی liara.run به صورت پیش‌فرض HTTPS است. حتی اگر دامنه‌ی دلخواه خودتان را نیز اضافه کنید، با یک کلیک و به صورت کاملا رایگان، گواهی HTTPS رایگان دریافت می‌کنید.برای این که بتوانید از قابلیت هاست Laravel سرویس ابری لیارا استفاده کنید، لازم است که Liara CLI را از طریق npm نصب کنید:npm i -g @liara/cliو حالا دستور زیر را برای ورود به حساب کاربری‌ای که در سرویس ابری لیارا ساختید، وارد کنید:liara loginدر نهایت وارد پوشه‌ی پروژه‌ی‌تان شوید و دستور دیپلوی را وارد کنید:liara deployتوضیحات بیشتر درباره‌ی این فرایند را می‌توانید در مستندات سرویس ابری لیارا مطالعه کنید.از لینک زیر وارد سرویس ابری لیارا شوید و با دریافت ۵۰۰۰ تومان اعتبار هدیه، این سرویس را امتحان کنید: https://liara.ir/ جمع‌بندیدر این نوشته، از ایرادات هاست‌های اشتراکی PHP و لاراول گفتیم. این که چرا نباید cPanel به عنوان هاست لاراول استفاده کنیم و سرویس ابری لیارا را به عنوان جایگزینی مدرن معرفی کردیم.نظر شما چیست؟ شما از چه روشی برای استقرار پروژه‌های‌تان روی هاست یا سرور استفاده می‌کنید؟ آیا سرویس ابری لیارا را می‌شناختید؟ از آن استفاده می‌کنید؟

نوشتن Dockerfile برای node.js

نیما حبیب خدا — Fri, 08 Feb 2019 01:35:03 +0330

الان که همه چیز میره به سمت بهینه شدن و حرفه ای شدن ، خیلی مهمه که بتونیم اپلیکیشن هامون رو هم ببریم روی بسترهای حرفه ایتر . قبل از این در مورد داکر باهاتون صحبت کردم و مزیت ها رو هم گفتم . جدا از من ، داکرمی هم خیلی مفیده و میتونه خوب باشه براتون . موضوع مهم اینه که برنامه های node.js که نوشتیم رو چجوری داکرایز کنیم و روی داکر بتونیم به راحتی استفاده کنیم . خوب من یک برنامه ساده با express.js مینویسم و روی داکر میبرمش . پس خیلی سریع میرم سر اصل مطلب :mkdir mrCoder_nodejs cd mrCoder_nodejs nano package.json داخل package.json کدزیر رو بنویسید :{ "name": "mrCoder_express_image", "version": "1.0.0", "description": "mrCoder image", "author": "nima habibkhoda ", "license": "MIT", "main": "app.js", "keywords": [ "nodejs", "bootstrap", "express" ], "dependencies": { "express": "^4.16.4" } }حالا میریم اپلیکیشن رو بسازیم :npm i nano app.js 'use strict'; const express = require('express'); // Constants const PORT = 8080; const HOST = '0.0.0.0'; // App const app = express(); app.get('/', (req, res) => { res.send('Hello world'); }); app.listen(PORT, HOST); console.log(`Running on http://${HOST}:${PORT}`);تا اینجا رو میدونیم و راحته . حالا میریم که داکر رو بسازیم : nano DockerfileFROM node:10-alpineدقت کنید : من از node:10-alpine استفاده کردم چون خیلی توی پروژه ها به درد بخوره . کلا alpine یک نسخه light و کم حجم لینوکسیه که داخل داکر فقط 5 مگابایته و از هسته لینوکس استفاده کرده تا راحت بتونیم روش کار کنیم . 10 هم به این معنیه که نسخه node ما ، 10 باشه . # Create app directory WORKDIR /usr/src/app # Install app dependencies COPY package*.json ./ RUN npm install --only=production # Bundle app source COPY . . EXPOSE 8080 CMD [ "npm", "start" ]کدها خیلی پیچیده نیستن . کپی کردن چند فایل داخل workdir برای اینکه بتونیم باهاشون کار کنیم . فقط EXPOSE چیه؟دستور EXPOSE یک دستور شبکه ایه که اجازه میده روی tcp داکر ، روی پورتی که دوست داریم ، پروژه رو اجرا کنیم . خوب حله دیگه . حالا پروژه رو راه بندازیم :docker build -t mrcoder/node-express-app . docker run -p 49160:8080 -d mrcoder/node-express-app curl -i localhost:49160خروجی کد بالا اینه :HTTP/1.1 200 OK X-Powered-By: Express Content-Type: text/html; charset=utf-8 Content-Length: 12 ETag: W/"c-M6tWOb/Y57lesdjQuHeB1P/qTV0" Date: Mon, 13 Nov 2017 20:53:59 GMT Connection: keep-alive Hello worldداخل کدهای داکر ما روی 49160 یک container راه انداختیم و image رو اجرا کردیم .تمومه . ما داریم داخل گروه تلگرامیمون ، دوست داران node.js رو جمع میکنیم . خوشحال میشیم در خدمت باشیم : t.me/joinchat/DdVnn0Gql_U_sMtml01gQQhttps://www.instagram.com/mr.coder.ir/@mr.coder.ir

آموزش ساخت پیام‌رسان با Socket.io و Vue از صفر تا صد

محمدحسین عباداللهی — Wed, 28 Nov 2018 21:43:47 +0330

با استفاده از ویژگی‌های رویدادگرای NodeJS می‌توان سرویس‌های مختلفی از جمله پیام‌رسان‌ها را پیاده‌سازی کرد. در این نوشته، با استفاده از کتاب‌خانه‌ی Socket.io، قابلیت آنی و لحظه‌ای بودن پیام‌ها را پیاده می‌کنیم. برای سمت کاربری، از فریم‌ورک جذاب VueJS استفاده می‌کنیم. این فریم‌ورک، کتاب‌خانه‌ای به نام ElementUI دارد که از آن برای ظاهر پروژه استفاده می‌کنیم. در نهایت، پروژه را روی سرور مستقر می‌کنیم تا بتوانیم آن را به اشتراک بگذاریم و استفاده کنیم.خروجی نهایی پروژهشروع به کاریک پوشه با نام دلخواه‌تان بسازید. من نام پوشه‌ام را fara-chat قرار می‌دهم. دستور زیر را در این پوشه وارد کنید تا فایل package.json ایجاد شود:npm init -yدر ادامه، پکیج Express را نصب می‌کنیم که بتوانیم فایل‌های استاتیک مثل HTML و CSS را برای کاربران‌مان سرو کنیم و نمایش دهیم:npm install expressبعد از اتمام دستور بالا، یک فایل package-lock.json هم باید برای‌تان ساخته شده‌باشد. این فایل جزئیات پکیج‌هایی که نصب می‌کنیم را در خودش ذخیره می‌کند و کاری به کارش نخواهیم داشت. ضمن این‌که اگر فایل package.json را مشاهده کنید، یک فیلد با نام dependencies در آن وجود دارد که نشان می‌دهد کتاب‌خانه‌ی Express نصب شده‌است.یک فایل با نام server.js ایجاد کنید و کدهای زیر را داخل آن قرار دهید:const express = require('express'); const app = express(); const server = app.listen(3000, function () { console.log('Server is listening on http://localhost:3000'); });در کد بالا، در ابتدا ماژول express را فراخوانی کرده و یک app ایجاد کرده‌ایم که به پورت 3000 گوش می‌دهد. این یعنی این‌که با اجرای این برنامه، باید بتوانید وارد http://localhost:3000 شده و خروجی آن را ببینید. برای اجرای این برنامه، دستور زیر را در خط فرمان وارد کنید:node server.jsهمان‌طور که مشاهده می‌کنید، پیام Server is listening on http://localhost:3000 روی خط فرمان چاپ می‌شود و نشان از صحت عملکرد کد بالا دارد.برای این که اصولی‌تر کار کنیم، فایل package.json را باز کرده و در قسمت scripts یه فیلد دیگر با نام start ایجاد کنید و مقدار آن را برابر node server.js قرار دهید. در نهایت، فایل package.json شما باید شبیه این شده باشد:{ "name": "fara-chat", "version": "1.0.0", "description": "", "main": "server.js", "scripts": { "start": "node server.js", "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": "", "license": "ISC", "dependencies": { "express": "^4.16.4" } }از این پس، می‌توانیم با استفاده از دستور npm start پروژه را اجرا کنیم.نمایش اولین خروجی قابل فهم!خب فکر می‌کنم از این همه دستور و خط فرمان خسته شده‌اید. برویم سراغ خروجی‌های جذاب‌تر و قابل فهم‌تر. اول از همه، باید از Express بخواهیم که فایل‌های HTML و CSS و JS ما را که مرتبط با سمت کاربری هستند را سرو کرده و نمایش دهد. برای این کار، فقط کافیست دو خط دیگر به فایل server.js اضافه کنیم:const staticPath = __dirname + '/static'; app.use(express.static(staticPath));در خط اول، مسیر فایل‌های استاتیک‌مان را مشخص کرده‌ایم، که در اینجا به پوشه‌ی static اشاره می‌کند. پس همین الان یک پوشه با نام static ایجاد کنید. در خط دوم، یک middleware که خود ماژول express در اختیارمان قرار داده را با استفاده از متد use مورد استفاده قرار دادیم. در نهایت،‌ فایل server.js شما باید شبیه این شده باشد:const express = require('express'); const app = express(); const staticPath = __dirname + '/static'; app.use(express.static(staticPath)); const server = app.listen(3000, function () { console.log('Server is listening on http://localhost:3000'); });و حالا برای این که مطمئن شویم همه چیز به درستی کار می‌کند، یک فایل با نام index.html ایجاد کرده و داخل آن، کد HTML زیر را اضافه کنید: Chat App

Hello from our Chat app :)

و در نهایت، برای دیدن خروجی، آدرس http://localhost:3000 را در مرورگرتان باز کنید. توجه داشته باشید که قبل از آن، باید دستور npm start قبلی را متوقف کرده و دوباره npm start بزنید.نوبتی هم که باشه، نوبت Socket.io هستو حالا برویم سراغ جذاب‌ترین قسمت این پروژه. با دستور زیر، پکیج socket.io را نصب کنید:npm install socket.ioو برای راه‌اندازی سرور سوکت‌مان، همانی که قرار است ارتباط آنی و لحظه‌ای کاربران را به عهده بگیرد، تکه کد زیر را به انتهای فایل server.js اضافه کنید:const io = require('socket.io')(server);همان‌طور که می‌بینید، برای صرفه‌جویی در سرانه‌ی مصرف کد، در یک خط، هم socket.io را وارد پروژه کرده و هم با پاس‌دادن server، آن را راه‌اندازی کرده‌ایم.برویم سراغ رابط کاربریخب، امیدوارم تا به اینجا خسته نشده‌باشید. اگر خسته شده‌اید، یک فنجان چای یا قهوه بنوشید تا بعد از آن برویم سراغ رابط کاربری، VueJS و style ها.برای نصب Vue، فقط کافیست اسکریپت زیر را قبل از بسته‌شدن تگ body به انتهای فایل index.html اضافه کنید: