الصفحة الرئيسية>PHP كود المصدر>فئات أخرى
تنزيل

العرض التوضيحي : العرض التجريبي عبر الإنترنت هذا المشروع غير مناسب لتطوير المشاريع الكبيرة

تطوير المشروع السريع من جانب الويب + التطوير السريع من جانب الخادم

لكتابة إطار عمل Koa من جانب الخادم، راجع:

(1) (https://github.com/guodonglw/koa_demo) يحتوي هذا المشروع على مثال لوحدة المجموعة، والتي يمكنها استخدام النواة المتعددة للنظام لبدء عمليات متعددة (2) (https://github.com/guodonglw/ koa-practice) يمكن لهذا المشروع تلبية احتياجات الصفحات العامة بشكل أساسي. الكلمات الرئيسية للمشروع هي RESTful + koa + middleware + mysql + mongo. في التطوير الفعلي، يمكن إضافة البرامج الوسيطة وتعديلها حسب الحاجة.

يتوافق المشروع التجريبي مع التعليمات البرمجية الموجودة في مجلد الويب التجريبي، ويتم إنشاء البيانات بواسطة وهمية. للحصول على اقتراحات التطوير الفعلية، راجع التعليمات البرمجية الموجودة في مجلد الويب.

1. بيئة التشغيل

العقدة

2. إعداد بيئة التطوير 

 // 将项目拉到本地
git clone 项目地址

// cd到本地项目下
cd ../vueProject

// 安装项目运行需要的依赖包
npm install / cnpm install  (注：如需运行cnpm install，需先安运行npm install cnpm安装cnpm)

// 若在npm install后，提示需要执行npm audit fix则继续执行该命令
npm audit fix

// 在本地开发时，运行项目
npm run dev / cnpm run dev

بيئة التطوير، بعد إكمال الخطوات المذكورة أعلاه، يصل المتصفح إلى http://localhost:8082 ويمكنه الانتقال إلى الصفحة المقابلة (متصفح Chrome المتقدم)

3. إطلاق المشروع

بعد الانتهاء من تطوير المشروع في بيئة التطوير، لنشر المشروع على الخادم (مثل خادم nginx)، قم أولاً بملء عنوان الطلب (عنوان واجهة الخادم، والذي يجب أن يكون ملفوفًا بعنوان URL بين علامتي اقتباس مفردتين ضمن علامتي اقتباس مزدوجتين. لأنه عندما تحتاج إلى إرجاع مسار السلسلة مباشرة، يجب عليك استخدام علامات الاقتباس المفردة لإحاطة محتوى السلسلة، مثل BASE_URL: "'http://192.168.1.111:4000/api'")، وإضافة رقم المنفذ و'/ بعد عنوان url api، يرجع ذلك إلى F2FAdminServer تستخدم الواجهة الطرفية بشكل موحد شكل "url" + ":" + "رقم المنفذ" + "/api". بعد إكمال التعديلات المذكورة أعلاه، قم بتنفيذ العمليات التالية. 

 // 项目打包
npm run build / cnpm run build

// 查看是否生成了dist文件夹
在文件夹下包括index.html文件和static文件，如作了标题旁的图片，可能还有logo.ico

// cd到dist文件夹下
cd ./dist/

// 将dist文件夹下的static的文件夹与index.html文件直接放在nginx服务器根目录下

// 配置nginx，在nginx.conf文件中修改所要监听的端口

// chrome浏览器访问对应的域名，如http://xxx.xxx.com:123/
如部署到个人服务器，没有域名，访问地址为http:// + ip + ：端口号

بعد الانتقال إلى صفحة تسجيل الدخول، أدخل الحساب/كلمة المرور المقابلة (مثل: lilei/123456) في الجدول المقابل لقاعدة البيانات (مثل admin). وإذا انتقل إلى الصفحة الرئيسية، فسيكون النشر ناجحًا المشكلة التي تحدث (اضغط على F12 أظهر وحدة التحكم لعرضها)، وحل أي مشكلات، ثم كرر الخطوات المذكورة أعلاه.

مشروع صريح من جانب الخادم

1. نظرة عامة

ينقسم نشر الخادم من جانب الخادم إلى قسمين: خادم Node.js وقاعدة بيانات MySQL.

2. خادم Node.js ذو صلة

1. تثبيت بيئة Node.js

الطريقة الأولى 

 wget https://nodejs.org/dist/v4.4.4/node-v4.4.4-linux-x64.tar.xz
tar -xvf node-v4.4.4-linux-x64.tar

الطريقة الثانية 

 sudo apt-get node

2. وحدة البرنامج الخفي إلى الأبد

بعد تثبيت العقدة، تحتاج إلى استخدام npm لتثبيت وحدة البرنامج الخفي إلى الأبد. 

 // 全局安装
npm install -g forever

// 启动项目进程
forever start app.js

// 重启项目进程
forever restart app.js

//停止项目进程
forever stop app.js

3. قاعدة بيانات MySQL

إذا كنت تستخدم قاعدة بيانات الخادم الخاصة بك، فستحتاج إلى تثبيت MySQL 

 // 数据库初始化
mysql –uroot –p </root/xxx.sql

4. نشر الخادم ومشاريع بدء التشغيل 

 // 安装项目依赖
npm install / cnpm install 

// 若在npm install后，提示需要执行git audit fix则继续执行该命令
npm audit fix

// 临时启动项目（检查项目是否有错误）
node app.js

// 后台守护进程启动项目
forever start app.js

ملحق التكوين حول https

1. تعديل كود جانب الويب 

 // vue项目config/prod.env.js修改（改为https的请求协议）
BASE_URL:"'https://xxx.xxx.xxx:111/api'"

// 项目打包（如果之前已经build过，需先执行rm -r dist）
npm run build

// dist文件夹下index.html与static放到nginx下

2. تعديل التعليمات البرمجية من جانب الخادم 

 // 停止Server程序
forever stop app.js

// 将ssl的.crt，.key放到Server/cert目录下

// 安装必要模块
npm install http --save -d (加--save -d会将模块名写入package.json中，下次npm install即可安装该模块)
npm install https --save -d
npm install fs --save -d

// app.js开始部分添加代码
var http = require('http');
var https = require('https');
var fs = require('fs');

// Configuare https
const httpsOption = {
    key : fs.readFileSync("./cert/.key"),
    cert: fs.readFileSync("./cert/.crt")
}

// app.js末尾部分代码修改
http.createServer(app).listen(4001 ,function(){
    console.log("Listening on port:" + 1000);
});
https.createServer(httpsOption, app).listen(
    1001,function(){
    console.log("Listening on port:" + 1001);
});

// 至此，https已经配置完成
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل