微信小程序部署流程

🐼🐼🐼微信小程序前端、后端(Java)部署流程

服务器

可以申请云服务器,或者使用自己搭建的服务器,这里使用的是Ucloud云服务器部署。为什么要使用 Ucloud,是因为其他云服务器平台的新用户特权都嫖完了。
服务器使用 Nginx 做反向代理,所有服务统一由 443、80 端口暴露。

域名 和 ssl 证书

一定要申请域名和证书,因为微信小程序前端正式上线后,只能调用拥有证书域名的网址接口。
一般在云服务器平台上都可以内免费证书,域名则需要花钱购买,一般普通的域名很便宜,自己使用的话几十块钱随便搞一个用用就可以了。

申请域名

不同平台域名管理页面不同,但是基本功能都差不多。
都会有一个注册域名的页面,允许你查询自己要注册的域名是否未被占用,以及域名费用。注册成功之后,在管理的页面中就能看到属于自己域名了。
在这里插入图片描述

解析域名

解析域名其实就是为你的域名绑定你的服务。
1、点击解析、添加记录、记录类型选择 A
在这里插入图片描述

这里可以根据自己的实际情况选择,我这里是直接指向IP地址,访问自己的服务。也可以指向其他的域名或者 IPV6 的地址等。

2、填写 www 的域名前缀和自己的服务器 IP 就可以了。
3、提交等待审核通过,没有实名认证的需要进行实名认证。
在这里插入图片描述

域名备案

域名需要进行备案,否则通过域名访问时会提示你网站未备案,暂时无法访问。
在这里插入图片描述
备案流程比较简单,按要求填写即可,但是内容比较多,如果域名是自己使用,单位什么的填自己的信息就可以了。
管局审核比较慢,一般一周左右可以通过。

购买证书

平台一般都有页面能够购买证书,买一个免费证书就可以了。
把购买的证书下载下来,一般是两个文件,一个证书公钥,一个证书私钥。
类似如下文件:
在这里插入图片描述

配置NGINX

Nginx 对外默认的 http 访问端口是80端口,443 是默认的 https 访问端口,访问时不需要在IP后面添加端口号。
在网址上输入 http:www.你的域名 ,将请求到你的服务器上的 80 端口,传输并不会加密。
在网址上输入 https:www.你的域名 ,将请求到你的服务器上的 443 端口,传输会加密。
为了保证网站的安全性,可以将所有 http 请求全部转为 https 请求。当然这不是必须的,我们只要保证后端接口能通过 HTTPS 协议进行请求就可以了。

server {
    listen       80 default;
    server_name  www.这里是你的域名;
	rewrite ^(.*)$ https://$host$1 permanent;
}

关键在于 443 端口的配置。

server{
  listen 443 ssl;
  server_name www.你的域名;

  ssl_certificate      /tools/nginx/cert/public.pem; #公钥位置
  ssl_certificate_key  /tools/nginx/cert/private.key; #私钥位置

  ssl_session_timeout  5m;

  ssl_ciphers  ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;
  ssl_protocols TLSv1.1 TLSv1.2 TLSv1.3; #不要添加 TLSv1.0 !!!!!!!!!!!!
  ssl_prefer_server_ciphers  on;
  
  #这是后台管理前端
  location / {
    root /wechat/manage-front/dist;
    index index.html;
  }
  #这是后台管理接口
  location ^~ /admin/{
   proxy_pass http://localhost:8081/admin/;
  }
  #这是微信小程序的接口
  location ^~ /wx-api/{
   proxy_pass http://localhost:8081/wx/;
  }
}

小程序

注册开发账户

https://mp.weixin.qq.com
在这里插入图片描述
按照要求填写以下信息申请就可以了。
!!!一定要注意,如果小程序包含购物、订单等功能,一定要使用商户信息注册!!!

配置服务器域名

要配置好服务器域名(开发 > 开发管理 > 服务器域名),否则正式上线后小程序前端请求不通后端服务。
在这里插入图片描述

微信开发者工具配置

先获取 AppID

在这里插入图片描述

开发者工具

扫码登陆工具,并打开右上角详情页面,修改自己的 AppID。
在这里插入图片描述

上传小程序

上传小程序
在这里插入图片描述
在 管理 > 版本管理 中页面中可以查看到自己上传的开发体验版小程序,通过微信扫码打开小程序检验一下接口是否正常调用。
在这里插入图片描述
后续可以将体验版小程序提交审核,审核通过即上线成功。

可能出现的问题

无法调用后端请求

以上都按照要求配置后,仍然无法调用后端请求。
那么可以检验一下自己的域名是否合规,使用这个网址 https://myssl.com/ 输入自己的域名进行检测。
正常情况下应该都合规才可以
在这里插入图片描述

Tlsv 1.0 不合规

如果出现 检测 Tlsv 1.0 不合规,需要修改在 Nginx 中的加密协议配置
在这里插入图片描述

  • 11
    点赞
  • 103
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 10
    评论
### 回答1: 要将微信小程序部署到Tomcat上,需要进行以下步骤: 1. 创建一个Java Web项目:首先在Tomcat上创建一个新的Java Web项目,可以使用Eclipse或IntelliJ等IDE工具来创建。 2. 配置项目结构:在项目的结构中,确保有一个Web文件夹,其中包含一个WEB-INF文件夹。在WEB-INF文件夹下创建一个lib文件夹,并将所有的依赖jar包放在该文件夹中。同时,创建一个classes文件夹用于存放编译后的class文件。 3. 编写后端代码:在项目下创建一个Java类,作为后端的处理程序。该类需要继承HttpServlet,并重写doGet和doPost方法以处理来自小程序的请求。 4. 配置web.xml:在WEB-INF文件夹下创建web.xml文件,配置Servlet的映射。在web.xml中,配置一个Servlet的映射,将该Servlet映射到指定的URL,并定义Servlet的名称和类路径。 5. 构建小程序前端代码:在微信小程序的前端代码中,通过调用接口请求后端数据。可以使用WeUI、Vant等前端框架来设计和构建小程序的界面。 6. 部署到Tomcat:将编写完毕的所有后端和前端代码打包成一个war文件,然后将该war文件部署到Tomcat的webapps文件夹下。在Tomcat的bin目录下启动Tomcat服务器。 7. 测试:访问小程序,并确认与后端代码的连接是否正常。可以使用微信开发者工具进行在线调试和排查问题。 通过以上步骤,就可以将微信小程序部署到Tomcat服务器上,实现后端与前端的交互和数据传输。 ### 回答2: 微信小程序是一种基于微信平台的应用程序,而Tomcat是一种支持Java应用程序运行的服务器。因此,要将微信小程序部署到Tomcat服务器上,需要以下步骤: 1. 首先,确保已经安装并配置好Tomcat服务器。可以从Tomcat官方网站上下载适合的版本,并按照官方文档进行安装和配置。 2. 在Tomcat服务器中创建一个新的Web应用程序目录。这样,我们可以将微信小程序的文件和代码放在这个目录下。 3. 将微信小程序的代码和资源文件拷贝到Tomcat的Web应用程序目录中。确保包含小程序的所有文件和文件夹都被正确地放置在了相应的位置。 4. 配置Tomcat服务器,使其能够正确地处理微信小程序的请求。这包括设置Tomcat的端口号、启用SSL证书等。 5. 启动Tomcat服务器,并确保它能够成功地部署和运行微信小程序。可以通过浏览器访问Tomcat的管理界面,来验证小程序是否已正确部署。 6. 如果一切正常,通过微信开发者工具上传小程序代码,并配置相应的AppID和AppSecret。 7. 在微信公众平台上进行小程序的设置和验证。确保小程序已经和Tomcat服务器成功地连接起来,并能够正常地响应用户的请求。 总之,将微信小程序部署到Tomcat服务器上,需要确保Tomcat正确安装和配置,并将小程序的代码和资源文件放置在合适的位置。然后,通过配置Tomcat服务器,将其与微信小程序相连接,最后验证小程序是否成功运行。 ### 回答3: 微信小程序是一种基于微信平台的轻量级应用,而Tomcat是一个用于构建和部署Java 网络应用程序的开源Web服务器。由于微信小程序是基于前端技术开发的,而Tomcat是用于托管和运行Java后端应用的,所以不能直接将微信小程序部署到Tomcat服务器上。 但是,可以通过在Tomcat中部署一个与微信小程序交互的后端应用来实现小程序的功能。通常情况下,这个后端应用会使用一些Java框架(如Spring Boot)来处理数据请求、对接微信开放平台的API等。 具体的部署步骤如下: 1. 开发后端应用:使用Java编写一个后端应用,该应用可以处理来自微信小程序的请求,实现小程序的业务逻辑。可以使用一些开发框架来简化开发流程。 2. 构建后端应用:将开发好的后端应用打包成一个可执行的WAR文件(Web应用归档文件)。 3. 部署到Tomcat服务器:将WAR文件拷贝到Tomcat服务器的webapps目录下,并启动Tomcat服务器。 4. 配置Tomcat服务器:根据后端应用的需求,可能需要在Tomcat的配置文件中设置一些参数,如数据库连接、API密钥等。 5. 启动后端应用:访问Tomcat服务器的URL,可以看到后端应用启动成功的页面。 6. 连接微信小程序:在微信小程序的代码中,通过HTTP请求的方式连接到Tomcat服务器,并传输数据。 通过以上步骤的部署,可以实现将与微信小程序交互的后端应用部署在Tomcat服务器上,使得小程序可以与后台进行数据交互,并实现各种功能。
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Mingvvv

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值