记录一次部署微信小程序的过程并上线微信小程序

「这是我参与11月更文挑战的第28天,活动详情查看:2021最后一次更文挑战

前言

  上一章已经简单介绍了基于Spring Boot创建一个微信小程序的过程。今天将简单介绍将项目部署到服务器中,并将前端代码提交到微信待审核。下面直接开始正题。
上一章的介绍#【Spring Boot 快速入门】二十一、基于Spring Boot 开发一个微信小程序

启动项目

  后端基于SpringBoot的微信小程序服务的所有接口已经开发完成,那么现在开始将服务部署到云服务器中,登录服务器。
图片.png
使用Maven将项目打包完成,

图片.png
将项目的文件打包上传到服务器中
图片.png

  通过命令 ls 可以看到已经将文件上传到服务器了。使用命令:java -jar BootWxTool-0.0.1-SNAPSHOT.jar 启动Spring Boot项目。启动过程如下图。

1
js复制代码java -jar BootWxTool-0.0.1-SNAPSHOT.jar

图片.png
  项目启动完成之后,无法访问服务,可能是安全组没有配置,到服务器一看,没有配置安全组,将项目中使用到的端口在服务器安全组中进行配置。

图片.png

配置Nginx

将安全组配置之后,还需要配置Nginx进行转发,本次使用的端口不是80端口。找到Nginx配置文件所在位置:

1
js复制代码/www/server/nginx/conf

通过命令vim nginx.conf查看配置文件的路径为:因此需要到这个路径下对服务进行配置。

1
js复制代码include /www/server/panel/vhost/nginx/*.conf;

图片.png

进入到配置文件所在的文件夹

1
js复制代码cd /www/server/panel/vhost/nginx/

新建一个文件

1
js复制代码mkdir wxtool.conf

  输入如下信息,listen后面是需要监听的端口信息,server_name是需要配置的域名信息。root后面跟着的是项目所在的路径信息。需要注意的是要加入代理信息。否则可能无法访问到项目路径。proxy_***之后的信息就是需要配置的代理信息了。ssl_certificate和ssl_certificate_key是申请的SSL文件的路径信息。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
js复制代码server
{
listen 80;
listen 443 ssl http2;
server_name weixin.******.com;
index index.php index.html index.htm default.php default.htm default.html;
root /java/springboot;
if ($server_port !~ 443){
rewrite ^(/.*)$ https://$host$1 permanent;
}

location / {
proxy_pass http://127.0.0.1:8080;
proxy_set_header Host $host:80;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
#HTTP_TO_HTTPS_END
ssl_certificate /etc/letsencrypt/live/weixin/6199589_weixin.ruankaoti.com.pem;
ssl_certificate_key /etc/letsencrypt/live/weixin/6199589_weixin.ruankaoti.com.key;
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;
ssl_prefer_server_ciphers on;
ssl_session_cache shared:SSL:10m;
ssl_session_timeout 10m;
error_page 497 https://$host$request_uri;

#SSL-END


error_page 404 /404.html;
error_page 502 /502.html;
#ERROR-PAGE-END


#禁止访问的文件或目录
location ~ ^/(\.user.ini|\.htaccess|\.git|\.svn|\.project|LICENSE|README.md)
{
return 404;
}

location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
{
expires 30d;
error_log off;
access_log off;
}

location ~ .*\.(js|css)?$
{
expires 12h;
error_log off;
access_log off;
}
access_log /www/wwwlogs/weixin.*****.com.log;
error_log /www/wwwlogs/weixin.*****.com.error.log;
}

当配置文件和申请的SSL证书都配置完成之后,在宝塔页面Nginx管理台中点击重载配置即可。

图片.png

测试项目

在浏览器中输入我们配置的域名信息https://weixin.****.com 可以看到已经可以正常访问网页了。

图片.png

打开微信开发者工具,将域名信息配置到文件中,进行测试可以正常访问,截图如下:

图片.png
  然后将前端的代码上传到测试版本,然后递交审核之后就可以正常发布了。整个审核流程预计一天左右。审核完成之后,需要管理人员登录到微信公众平台得后台进行上线,上线以后,大家就可以在小程序中访问项目了。给大家上一张已经发布上线的项目截图。

图片.png

结语

  好了,以上就是记录一次部署微信小程序的过程并上线微信小程序,感谢您的阅读,希望您喜欢,如对您有帮助,欢迎点赞收藏。如有不足之处,欢迎评论指正。下次见。

  作者介绍:【小阿杰】一个爱鼓捣的程序猿,JAVA开发者和爱好者。公众号【Java全栈架构师】维护者,欢迎关注阅读交流。

本文转载自: 掘金

开发者博客 – 和开发相关的 这里全都有

0%