搭建小程序后台

徕彩项目后台部署(Window)


1项目工具/原料

1.1 pro_deloy.zip压缩包

1.2 Windows Server 2012 R2云服务器

2 项目部署前准备

2.1 添加安全组

登录腾讯云网站,云服务器-安全组新建安全组。



新建结束后

在云服务-云主机下看到服务器后面更多-配置安全组,把刚才新建的安全组添加进来。


2.2 解压pro_deloy.zip

解压pro_deloy.zipC:\project\pro_deploy


2.3 安装EditPlus

点击C:\project\pro_deploy文件夹下epp_4.3.1256.0.exe进行安装。最好在C:\新建software\editplus文件夹。


2.4 域名

ping命令检查域名是否生效。


注意:如果出现解析出来IP不对不出来或者出现请求超时。

解析IP不对不出来可能原因:域名未备案或者解析未生效。

请求超时可能原因:防火墙挡住。如下图关闭window防火墙。


2.5 端口

在服务器查看443(因为我nginx启动时监听443)端口开放:


如果没有443,新建入站规则。


2.6 cmd

以管理员运行cmd,最好不要关闭,下面经常用到。

3搭建 HTTP 服务

在服务器上使用 Node Express 搭建一个 HTTP 服务器。

3.1 安装 NodeJS 和 NPM

点击 C:\project\pro_deploy文件夹下的node-v9.2.0-x64.msi,安装到C:\software\node



3.2 添加环境变量

将安装的node的位置(我的是C:\software\node)添加到系统属性-环境变量-编辑系统系统变量。



设置完成后,用管理员打开cmd

node –v

出现版本号即可安装成功。(注意cmd要重新打开才能生效)


3.3 复制和启动HTTP Server 源码

C:\project\下新建webapp文件夹作为工作目录。然后将C:\project\pro_deploy文件夹下的webapp拷贝到C:\project\laicai

3.4 运行 HTTP 服务

3.4.1 C:\software\node新建两个文件夹node-cachenode-global


3.4.2安装 PM2

在启动app.js之前,我们先来安装[PM2]。以管理员方式运行cmd

cd c:\project\laicai\webapp

npm install pm2 –global


没出现error就安装成功。

3.4.3安装 Express

服务器源码里使用到了 Express 模块,下面的命令使用 NPM 来安装 Express以管理员方式运行cmd

cd c:\project\laicai\webapp

npm install express –save

没出现error出现added…packages in….就说明安装模块成功。

3.4.4 安装 Node其他 模块

以管理员运行cmd

npm install connect-mongo wafer-node-session --save

npm install ws –save

npm install http

npm install https

npm install  uid-safe

npm install  qr-image

npm install  express-session

npm install  request

npm install  multer

npm install  fs

npm install  gm

npm install  mongodb 

npm install  pngjs

npm install  imagemin-jpeg-recompress

npm install  imagemin-optipng

npm install  gulp-imagemin

npm install  gulp-imagemin

npm install  async

npm install  crypto

npm install gulp

npm install xml2js

npm install url 

npm install mongodb

安装每个模块不能出现error,也可以查看C:\software\node\node-global\logs\app-error-0.log是否错误。有错误会更新时间。所以只要看到app-error-0.log修改时间变化,而且pm2 start app.js出错那可能是app.js有错误或者启动有错误。建议将C:\software\node\node-global\logs\创建桌面快捷方式。

3.4.5启动服务

安装完成后,使用 PM2 来启动 HTTP 服务

cd c:\project\laicai\webapp

pm2 start app.js


看任务管理器HTTP 服务是否运行。

要查看服务输出的日志,可以使用下面的命令:

pm2 logs

如果要重启服务,可以使用下面的命令:

pm2 restart app

3.5 测试效果

在浏览器打下http://127.0.0.1:8763/test,出现这个效果说明安装http成功。


4 搭建 HTTPS 服务

微信小程序要求和服务器的通信都通过 HTTPS 进行

4.1 安装 Nginx

打开C:\project\pro_deploy文件夹,可直接拷贝nginx文件夹到C:\project下的nginx(新建的文件夹)使用 来安装 Nginx,点击nginx,会弹出一闪而过的黑框(或者用cmd cd进入C:\project\nginx\,用命令start nginx)。查看任务管理器上是否有两个nginx运行(注意:超过两个nginx运行则需要关闭全部,直接右键点击结束程序或者cmdnginx –s stop重试用 nginx -s reload 命令重启 Nginx)


也可以打开cmd cd C:\project\nginx\,然后nginx –t 测试是否启动成功。


出现Success说明启动成功。

4.2 配置 HTTPS 反向代理

外网用户访问服务器的 Web 服务由 Nginx 提供,Nginx 需要配置反向代理才能使得 Web 服务转发到本地的 Node 服务。如果需要修改绑定的域名。(注意:域名修改,证书也随着修改)

Nginx 配置目录在 C:\project\nginx\nginx-1.13.7\nginx-1.13.7\conf下,就是nginx安装的conf文件夹下。(注意nginx监听的443或者其他端口必须对外网开放,而且容易VisualSvn冲突,请修改其中端口,解决冲突,避免启动不了)

s server {

        listen 443;

        server_name bjldcs.com; # 改为绑定证书的域名

        # ssl 配置

        ssl on;

        ssl_certificate 1_www.bjldcs.com_bundle.crt; # 改为自己申请得到的 crt 文件的名称

        ssl_certificate_key 2_www.bjldcs.com.key; # 改为自己申请得到的 key 文件的名称

        ssl_session_timeout 5m;

        ssl_protocols TLSv1 TLSv1.1 TLSv1.2;

        ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;

        ssl_prefer_server_ciphers on;

         # WebSocket 配置

        proxy_set_header Upgrade $http_upgrade;

        proxy_set_header Connection $connection_upgrade; 

        proxy_read_timeout 60000;

        location / {   

            proxy_pass http://127.0.0.1:8763;    

        }


按 Ctrl + S 保存配置文件,让 Nginx 重新加载配置使其生效:nginx -s reload。

在浏览器通过 https://www.bjldcs.com/test的方式访问你解析的域名来测试 HTTPS 是否成功启动。


5安装 MongoDB§

5.1 安装mongodb

打开C:\project\pro_deploy文件夹,点击mongodb-win32-x86_64-2008plus-v3.4-latest-signed.msi安装。在Choose Steup Type下选择Custom(因为可以选择安装路径)。



添加环境变量:


安装结束后,可以使用下面的命令查看安装的版本:

mongod –version


5.2 Mongo数据和日志存储

C:\software\mongodb下拷贝进来C:\project\pro_deploy\mongodemo下的 mongod.cfgdata文件夹。用于 MongoDB 数据和日志存储:

以管理员运行cmd,使用下面的命令来启动 MongoDB:

mongod dbpath C:\software\mongodb\data\db


在浏览器输入http://localhost:27017 27017mongodb的端口号)查看,若显示:

则表示,连接成功。如果不成功,可以查看端口是否被占用。

5.3 mongodb 服务

mongod --config C:\software\mongodb\ mongod.cfg --install --serviceName MongoDB


启动mongodb服务:net start MongoDB


5.4 添加 MongoDB 用户

以管理员运行cmd,登录本地 MongoDB 服务:

mongo


登录后,选择admin数据库:

use admin;

验证用户权限:db.auth(‘yqj’,’123456’)



(也可以创建一个用户 yqj:

db.createUser({ user: yjq, pwd: 123456, roles: [admin, readWrite]});创建完成后,使用 exit 退出命令行工具。创建的用户和密码将用于下一步中连接数据库时使用。)

5.5 Mongo管理工具

拷贝C:\project\pro_deployrobo3t-1.1.1-windows-x86_64-c93c6b0文件夹到C:\software下。点击运行 C:\software\robo3t-1.1.1-windows-x86_64-c93c6b0\robo3t-1.1.1-windows-x86_64-c93c6b0\robo3t.exe

create个连接。



左边出现下面的表目录即可安装成功。

徕彩项目前端部署

1项目工具/原料

1.1 pro_deloy.zip压缩包

2 项目部署前准备

解压pro_deloy压缩包,文件夹下面有xcx-master.zip项目压缩包,解压到本地。

2.1 微信公众台登录

2.1.1 登录

登录微信公众平台https://mp.weixin.qq.com。没有账号注册一个。


邮箱激活:


点击链接后回到微信公众平台下的信息登记,选择企业类型,填写企业信息:



2.2 发布流程

2.2.1 小程序信息

补充小程序的基本信息,如名称、图标、描述等。在微信公众平台|小程序下面的首页。(在设置-基本设置可以看到自己填写的小程序信息)


点击绿色按钮填写。

2.2.2 添加开发者(开放给其他人权限)

在微信公众平台|小程序下面的首页,点击绿色按钮添加开发者,进行代码上传,也可以管理员自己上传不用添加。


2.2.3 配置服务器

开发设置(设置-开发设置)页面查看AppID和AppSecret,配置服务器域名。注意:域名要更换成自己的以及拷贝下面的APPId(小程序ID)APPSercret(小程序秘钥)


底部要设置扫普通链接二维码打开小程序。

2.2.4 下载开发者工具

需要到https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html下载最新版的开发工具。扫码登进去,选择小程序项目。


点击底部小+号,添加项目。把刚才解压xcx-master的路径和拷贝下的APPID复制上去。


2.2.5 修改项目配置

第一步:先修改项目的project.config.json


第二步:在app.js以及其他文件里,把项目所有请求的域名修改你的域名(注意:目前项目有些域名没有统一配置,可以用替换更快一点。)


第三步:在app.js里,修改APPID和AppSecret


并且注意要把你后台服务器的C:\project\laicai\webapp文件夹里的config.jsappIdmongodb用户名和密码调成一致。以下是config.js我的配置。


2.2.6 测试

如果调试器下面的红圈圈那儿没有红色的数字错误就表示项目导入成功。并且运行正常。

 

2.2.7 上传

点击工具栏上的上传图标。


上传成功在刚才的微信小程序公众平台-开发管理下看到。



然后提交审核,审核通过后可发布。


猜你喜欢

转载自blog.csdn.net/luzhangtong/article/details/80806008