如何部署微信小程序,并且利用Nginx配置https访问

1. 前后端代码的部署

首先要完成项目在服务器上面的部署,对于后端服务的部署,只需要把项目打成jar包,然后执行就可以了,对于前端服务,我们把前端打包后的代码放到对应位置,然后配置nginx配置文件,然后转发到对应登录页即可。
具体配置如下:
//配置监听端口,指向对应前端服务登录页,/BIServer用来转向后端访问地址。

 server {
        listen       9000;
        server_name  localhost;
        
         location / {
        root   wxapp/biapp;
        index  index.html index.htm;
   	}

          location /login {
        root    wxapp/biapp;
        index  index.html index.htm;
   	}

         location /BIServer/ {
        proxy_pass      http://127.0.0.1:8909;
    }
    
       location /upload/Project {
        root   "E:/HipApps/hipbiv2/static/";
    }

}

这个时候我们可以通过IP加端口的方式访问到项目,并且正常使用。

2. 配置HTTPS访问

想要完成微信小程序的访问,必须要使用HTTPS加密请求,在上面配置本地访问的前提下,我们需要服务器开通443端口,并且提供SSL证书。
在nginx配置文件添加下面这段配置:

server {
        listen       443 ssl;
        server_name  applets.ywfydyhospital.com;
        index  index.html index.htm index.jsp;

        client_max_body_size 2048M;

		    ssl_certificate      "E:/HipApps/hipbiv2/nginx/wxapp/applets.ywfydyhospital.com.pem";
        ssl_certificate_key  "E:/HipApps/hipbiv2/nginx/wxapp/applets.ywfydyhospital.com.key";
		
        ssl_session_cache    shared:SSL:1m;
        ssl_session_timeout  5m;

   
        location / {
            proxy_pass   http://172.18.0.193:9000;
        }
	}

利用443端口加域名的方式,可以直接通过请求域名的方式访问到映射的服务,在通过 ssl_certificate和ssl_certificate_key配置SSL证书的证书和秘钥,完成服务到外网HTTPS访问的映射。 到这里我们已经完成了服务的HTTPS映射,可以直接通过HTTPS+域名的方式进行访问了。

3. 注册微信小程序账号

首先进入https://mp.weixin.qq.com/网址,然后注册小程序类型账号,完成注册后,打开开发模块下的开发管理,开发管理下面存在开发设置,往下翻可以看到业务域名配置,然后把我们的域名添加进去等待审核通过即可。等业务域名审核通过以后,我们需要下载微信开发者工具,打开软件,微信扫码登录以后绑定AppID,打开本地的微信上传代码,如图:
这就是需要上传的微信小程序转向服务器的代码
这就是用来跳转到域名服务器的代码,修改红框中的URL,修改成自己服务器的域名即可,然后点击右上角的上传按钮就可以把代码上传到微信公众平台,然后就可以看到如图:
在这里插入图片描述
如图,点击提交审核按钮,然后把信息填写完全,就可以完成初始版本微信小程序的上传了,然后我们默默等待审核完成就行啦!!!

  • 6
    点赞
  • 32
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值