目 录
项目目录介绍
|--server //服务端目录
|--client //后台客户端目录
|--wxapp //微信小程序项目目录
|--ddrun.sql //数据库文件
复制代码
准备工作
- 1.微信小程序账号 (需要企业版+微信认证)
- 2.微信商户号 需要支付证书 用做退款功能
- 3.如需公众号提醒功能 需要认证过的服务号
- 4.阿里云短信相关的东西
- 5.腾讯地图API key
- 6.已备案的域名+SSL证书
- 拥有以上全部内容,即可进行安装部署操作。
一、安装环境
- 方案一、自行手动安装git、nodejs、mysql、pm2管理器
- 方案二、安装“宝塔面板”,然后进入"软件管理"安装nginx、pm2管理器(自带nodejs)、mysql。
- 若安装过程中出现报错问题,请检查软件版本问题。
- 请参考作者的服务器环境:mysql5.5 | node v8.9.1
二、部署服务端
请先将数据库文件导入到数据库。数据库编码为“utf8mb4”,
首先进入终端执行
cd /www/wwwroot
git clone https://gitee.com/yaozy717/ddrun.git
cd ddrun
这样会创建ddrun源码目录,再修改以下文件:(给小白备注用的)。
1、修改pm2.json文件
- 文件目录:server/pm2.json
- name为项目名,cwd为项目再服务器的根目录,其他无需更改。
{
"apps": [{
"name": "runing_demo", //项目名称,这个不改也可以
"script": "production.js",
"cwd": "/www/wwwroot/ddrun/server", //服务端server的根目录
"exec_mode": "fork",
"max_memory_restart": "1G",
"autorestart": true,
"node_args": [],
"args": [],
"env": {
}
}]
}
2、修改配置文件adapter.js
文件目录:server/src/config/adapter.js
...省略以上配置...
/**
* model adapter config
* @type {Object}
*/
exports.model = {
type: 'mysql',
common: {
logConnect: isDev,
logSql: isDev,
logger: msg => think.logger.info(msg)
},
mysql: {
handle: mysql,
database: 'ddrun_demo', //数据库名称
prefix: 'erd_',
encoding: 'utf8',
host: '127.0.0.1', //地址,或者localhost
port: '', //默认3306
user: 'root', //用户名
password: 'root', //密码
dateStrings: true
}
};
...省略以下配置...
3、安装依赖
#1.进入项目目录
$ cd server
#2.安装依赖
$ npm install
# 若安装依赖过程出现问题。请进行如下操作。server端与client端相同
# 可以安装淘宝镜像来解决。
$ npm install -g cnpm --registry=https://registry.npm.taobao.org #此命令只需执行一次
$ cnpm install #npm的所有命令几乎都可以用cnpm代替
注:我是只使用了cnpm,因为npm太慢了。
4、运行项目
#线上运行
$ npm run compile
$ pm2 start pm2.json
#本地运行
$ node development.js
- 服务端项目默认端口为8360。服务端默认访问地址为:http://weixin.wmphp.com:8360/
- 建议使用nginx做域名反向代理
三、部署后台客户端
1、修改apiurl.js文件
文件目录:client/public/js/apiurl.js
export default 'http://weixin.wmphp.com:8360/' //改为服务端访问地址,如配域名就写域名。
2、安装依赖
#1.进入项目目录
$ cd client
#2.安装依赖
$ npm install
3、运行项目
#线上部署
$ npm run build //生成静态资源文件夹dist
#用nginx转发,以下为nginx配置
server {
listen 80;
server_name www.xxx.com xxx.com;
access_log /www/wwwlogs/access.log;
root /www/wwwroot/ddrun/client/dist; #填写您的项目路径
}
这里要建立站点,如weixin.wmphp.com,目录指向/www/wwwroot/ddrun/client/dist 其它配置默认。
- 客户端项目默认端口为8361,建立站点后端口变为80。服务端默认访问地址为:http://weixin.wmphp.com:8360
- 叮叮跑腿后台管理系统访问地址为:http://weixin.wmphp.com
- 默认登录账号:admin 密码:qwe147258
- 如是云服务器,要在安全组中开放8360端口
四、运行微信小程序
修改util.js文件
文件目录:wxapp/utils/util.js
const util = {
API: 'http://weixin.wmphp.com:8360/', //改为服务端地址
...
...
...
五、上传体验版测试,测试无误后,即可上线使用。
来源:https://juejin.im/post/5d845fec6fb9a06ada54eb05
在作者的基础上,又做了一些备注。
{
"apps": [{
"name": "runing_demo", //项目名称,这个不改也可以
"script": "production.js",
"cwd": "/www/wwwroot/ddrun/server", //服务端server的根目录
"exec_mode": "fork",
"max_memory_restart": "1G",
"autorestart": true,
"node_args": [],
"args": [],
"env": {
}
}]
}
2、修改配置文件adapter.js
文件目录:server/src/config/adapter.js
...省略以上配置...
/**
* model adapter config
* @type {Object}
*/
exports.model = {
type: 'mysql',
common: {
logConnect: isDev,
logSql: isDev,
logger: msg => think.logger.info(msg)
},
mysql: {
handle: mysql,
database: 'ddrun_demo', //数据库名称
prefix: 'erd_',
encoding: 'utf8',
host: '127.0.0.1', //地址,或者localhost
port: '', //默认3306
user: 'root', //用户名
password: 'root', //密码
dateStrings: true
}
};
...省略以下配置...
3、安装依赖
#1.进入项目目录
$ cd server
#2.安装依赖
$ npm install
# 若安装依赖过程出现问题。请进行如下操作。server端与client端相同
# 可以安装淘宝镜像来解决。
$ npm install -g cnpm --registry=https://registry.npm.taobao.org #此命令只需执行一次
$ cnpm install #npm的所有命令几乎都可以用cnpm代替
注:我是只使用了cnpm,因为npm太慢了。
4、运行项目
#线上运行
$ npm run compile
$ pm2 start pm2.json
#本地运行
$ node development.js
- 服务端项目默认端口为8360。服务端默认访问地址为:http://weixin.wmphp.com:8360/
- 建议使用nginx做域名反向代理
三、部署后台客户端
1、修改apiurl.js文件
#1.进入项目目录
$ cd server
#2.安装依赖
$ npm install
# 若安装依赖过程出现问题。请进行如下操作。server端与client端相同
# 可以安装淘宝镜像来解决。
$ npm install -g cnpm --registry=https://registry.npm.taobao.org #此命令只需执行一次
$ cnpm install #npm的所有命令几乎都可以用cnpm代替
注:我是只使用了cnpm,因为npm太慢了。
#线上运行
$ npm run compile
$ pm2 start pm2.json
#本地运行
$ node development.js
- 服务端项目默认端口为8360。服务端默认访问地址为:http://weixin.wmphp.com:8360/
- 建议使用nginx做域名反向代理
三、部署后台客户端
1、修改apiurl.js文件
文件目录:client/public/js/apiurl.js
export default 'http://weixin.wmphp.com:8360/' //改为服务端访问地址,如配域名就写域名。
2、安装依赖
#1.进入项目目录
$ cd client
#2.安装依赖
$ npm install
3、运行项目
#线上部署
$ npm run build //生成静态资源文件夹dist
#用nginx转发,以下为nginx配置
server {
listen 80;
server_name www.xxx.com xxx.com;
access_log /www/wwwlogs/access.log;
root /www/wwwroot/ddrun/client/dist; #填写您的项目路径
}
这里要建立站点,如weixin.wmphp.com,目录指向/www/wwwroot/ddrun/client/dist 其它配置默认。
- 客户端项目默认端口为8361,建立站点后端口变为80。服务端默认访问地址为:http://weixin.wmphp.com:8360
- 叮叮跑腿后台管理系统访问地址为:http://weixin.wmphp.com
- 默认登录账号:admin 密码:qwe147258
- 如是云服务器,要在安全组中开放8360端口
四、运行微信小程序
修改util.js文件
#1.进入项目目录
$ cd client
#2.安装依赖
$ npm install
#线上部署
$ npm run build //生成静态资源文件夹dist
#用nginx转发,以下为nginx配置
server {
listen 80;
server_name www.xxx.com xxx.com;
access_log /www/wwwlogs/access.log;
root /www/wwwroot/ddrun/client/dist; #填写您的项目路径
}
这里要建立站点,如weixin.wmphp.com,目录指向/www/wwwroot/ddrun/client/dist 其它配置默认。
- 客户端项目默认端口为8361,建立站点后端口变为80。服务端默认访问地址为:http://weixin.wmphp.com:8360
- 叮叮跑腿后台管理系统访问地址为:http://weixin.wmphp.com
- 默认登录账号:admin 密码:qwe147258
- 如是云服务器,要在安全组中开放8360端口
四、运行微信小程序
修改util.js文件
文件目录:wxapp/utils/util.js
const util = {
API: 'http://weixin.wmphp.com:8360/', //改为服务端地址
...
...
...
五、上传体验版测试,测试无误后,即可上线使用。
来源:https://juejin.im/post/5d845fec6fb9a06ada54eb05
在作者的基础上,又做了一些备注。
END
如本资源侵犯了您的权益,请联系投诉邮箱admin@wmphp.com进行举报!我们将在收到邮件的1个小时内处理完毕。
本站仅为平台,发布的资源均为用户投稿或转载!所有资源仅供参考学习使用,请在下载后的24小时内删除,禁止商用!
Wmphp.com(完美源码)助力正版,如您有自己的原创产品,可以联系客服投稿,代理出售!
Wmphp.com(完美源码)客服QQ:136882447
Wmphp.com(完美源码)商务电话(仅对企业客户/个人用户):15120086569 (微信同步)
请注意:本站不提供任何免费的技术咨询服务,为了节约时间,下载前 请确认自己会技术
完美源码 » 叮点跑腿小程序部署教程补充
完美源码 » 叮点跑腿小程序部署教程补充