Vue یک فریم‌ورک جاوااسکریپت پیشرو است که برای ساختن وب‌اپلیکیشن‌های داینامیک استفاده می‌شود. به‌کمک Shell ابری آروان می‌توانید در چند گام ساده یک اپلیکیشن Vue.js بسازید و آن را اجرا کنید.
برای راه‌اندازی و شروع کار با Shell می‌توانید از راهنمای این ابزار استفاده کنید.
ساخت اپلیکیشن Vue.js
برای نصب vue-cli می‌توانید دستور زیر را وارد کنید:
npm install -g @vue/cli
برای دیدن پارامترهای ساخت اپلیکیشن و اطمینان از نصب صحیح آن می‌توانید این کامند را اجرا کنید:
vue create --help
حال برای ساختن اپلیکیشنی با نام hello-world می‌توانید از دستور زیر استفاده کنید:
vue create hello-world
سپس به‌کمک `cd`وارد پوشه‌ی پروژه‌ی جدید شوید:
cd hello-world
اجرای اپلیکیشن Vue.js با پروکسی کردن
برای اعمال تغییرات لازم و اصلاح path باید فایل vue.config.js را به‌شکل زیر ویرایش کنید:
const { defineConfig } = require('@vue/cli-service')
module.exports = {
transpileDependencies: true,
publicPath: '/absproxy/8081/',
assetsDir: '.',
devServer: {
allowedHosts: "all",
port: 8081,
client: {
webSocketURL: 'auto://<your-shell-domain>/absproxy/8081/sockjs-node',
},
},
};
و در آخر برای اجرای برنامه از دستور زیر استفاده کنید:
npm run serve
پس از ذخیره‌ی تغییرات و اجرای اپلیکیشن می‌توانید از قسمت PORTS ببینید که برنامه‌ی شما چه پورتی را با چه آدرسی باز کرده است.
هم‌چنین می‌توانید روی لینک برنامه کلیک کنید و برنامه خود را ببینید.
Push در گیت با استفاده از CLI گیت هاب gh
به‌کمک دستور زیر می‌توانید یک Repository در GitHub بسازید تا بتوانید اپلیکیشن‌تان را در آن Push کنید:
gh repo create hello-vue --public --source=. --remote=upstream
اکنون با استفاده از دستورهای زیر می‌توانید اپلیکیشن Vueای که ساخته‌اید را در این ریپازیتوری Push کنید.
git remote add origin https://github.com/al100/hello-vue.git git branch -M main git push -u origin main
استقرار در کانتینر ابری
امکان دیپلوی کردن این اپلیکیشن در کانتینر ابری آروان از طریق S2I و Dockerfile نیز وجود دارد. برای این کار می‌توانید از راهنماهای زیر کمک بگیرید: