小程序实战系列 :零基础之项目上线+(Node+Nginx+SSL)(04天)

574 阅读3分钟

本文介绍如何部署上线(额外赠送Linux 发布微信后台(Node+Nginx+SSL))

一:何部署上线

1:首先在开发工具上传代码到管理台上去

leizhenzi
leizhenzi

2:在管理-》版本管理下-》提交代码(我们刚才上传的代码)

leizhenzi
leizhenzi

3:勾选同意条款,下一步

leizhenzi
leizhenzi

4:等待审核,祝你好运,通过后发版,就可以看到线上版本

leizhenzi
leizhenzi

二:赠送Linux服务器为Centors7.0发布微信后台(Node+Nginx+SSL)

1:Linux下安装安装Node

  • 1:根目录中:创建一个root文件夹
  • 2:执行以下命令,下载 Node.js Linux 64位二进制安装包。
    wget https://nodejs.org/dist/v10.16.3/node-v10.16.3-linux-x64.tar.xz
  • 3:执行以下命令,解压安装包。
    tar xvf node-v10.16.3-linux-x64.tar.xz
  • 4:依次执行以下命令,创建软链接。
    ln -s /root/node-v10.16.3-linux-x64/bin/node /usr/local/bin/node
    ln -s /root/node-v10.16.3-linux-x64/bin/npm /usr/local/bin/npm
  • 5:依次执行以下命令,查看 Node.js 及 npm 版本信息。
    node -v
    v10.16.3
    npm -v
    6.9.0

2:Linux下安装pm2

  • 1:全局安装
    npm install pm2 -g
  • 2:创建软连接
    ln -s /root/node-v10.16.3-linux-x64/bin/pm2 /usr/local//bin/
    pm2 -v
    4.4.0

3:设置二级域名

  • 1:有几点好处:
  • 2:域名用于多个网站和多个小程序
  • 3:域名同时用于多个环境:开发环境、正式发布环境
  • 4:这里,我先设置一个wx二级域名则在主机服务商上(域名已经解析到了这里),设置域名解析:
  • 5:www.chuxinzheng.com --> 官网,另作他用,这里不管
  • 6:wx.chuxinzheng.com --> 小下程序发布环境调用

4:申请SSL证书

leizhenzi
leizhenzi
因为小程序要求使用https协议,所以需要使用到ssl证书,在腾讯云中,可以申请到免费的证书。 进入腾讯云ssl证书管理页面为我们的二级域名申请证书。 这里申请两个,wx.chuxinzheng.com和wx-dev.chuxinzheng.com,腾讯云这里申请大约要一个小时。 申请完成后,将两个证书下载到本地。在把其中Nginx文件夹中的两个文件解压出来,上传到服务器中,保存至/data/release/nginx/
leizhenzi
leizhenzi

5、主机配置

  • 1: nginx可实现反代理,可以将不同的域名分配给不同的主机或者端口。
    server {
        listen      443;
        server_name wx.chuxinzheng.com;
		ssl on;
        #  证书保存的地方
        ssl_certificate /data/release/nginx/1_wx.chuxinzheng.com_bundle.crt;
        ssl_certificate_key
		/data/release/nginx/2_wx.chuxinzheng.com.key;
        ssl_session_timeout       5m;
        ssl_protocols   TLSv1 TLSv1.1 TLSv1.2;
        ssl_ciphers     ECDHE-RSA-AES256-GCM-SHA384:ECDHE-RSA-AES128-GCM-SHA256:DHE-RSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-SHA384:ECDHE-RSA-AES128-SHA256:ECDHE-RSA-AES256-SHA:ECDHE-RSA-AES128-SHA:DHE-RSA-AES256-SHA:DHE-RSA-AES128-SHA;
        ssl_session_cache    shared:SSL:50m;
        ssl_prefer_server_ciphers on;
        location / {
            # 反代理到其他域名:
            #proxy_pass http://app_weapp;
            # 反代理到4001端口
            proxy_pass http://localhost:4001;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection 'upgrade';
            proxy_set_header Host $host;
            proxy_cache_bypass $http_upgrade;
      }
    }

6、验证部署(这是本人的个人小程序,已上线)

雷震子
雷震子

7、查看服务器日志

雷震子
雷震子

总有说再见的时候,今天到此为止了

(ps:有些代码是截图的,可能会复制不了,最后我会上传到github,你可以把代码下载下来哈哈哈,欢迎关注我的公众号。。。)