微信小程序部署流程

这篇具有很好参考价值的文章主要介绍了微信小程序部署流程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

🐼🐼🐼微信小程序前端、后端(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 中的加密协议配置
微信小程序部署流程文章来源地址https://www.toymoban.com/news/detail-426127.html

到了这里,关于微信小程序部署流程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序授权流程

    小程序中的部分接口,比如地理位置、录音、摄像头、用户信息等,需要用户授权后,才可以调用。把这些接口按使用范围分成多个 scope ,用户选择对 scope 来进行授权,当授权给一个 scope 之后,其对应的所有接口都可以直接使用。 此类接口调用时: 如果用户未接受或拒绝

    2024年02月09日
    浏览(43)
  • 微信小程序搭建流程

    虽然开发微信小程序可以使用工具提供的测试号,但是测试号提供的功能极为有限,而且使用测 试号开发的微信小程序不能上架发布。因此说我们想要开发一个可以上架的微信小程序,首先必 须要申请微信开发者账号。大家尽可放心,个人申请和使用微信开发者账号是免费

    2024年01月20日
    浏览(62)
  • 微信小程序发布上线流程

    微信小程序从零到上线,要经历小程序账号注册开通、完善小程序信息、开发小程序、提交小程序审核及发布四个过程: 一:微信小程序账号注册开通 注册开通小程序账号很简单,在微信公众平台即可开通 微信公众平台小程序 小程序账号注册很简单,填写邮箱、密码,然后

    2024年02月09日
    浏览(52)
  • 微信小程序登录流程理解

    小程序官网里面会提到一个小程序的登录逻辑,下面是微信登录的整个过程,官方提供的图片。    官方流程的个人理解: 1.小程序启动 。 2.小程序通过 wx.login 获取微信的 code,然后将这个 code 发送给开发者服务器(我们自己的开发服务器) 3.开发者服务器接收到code 之后,

    2024年02月09日
    浏览(79)
  • 微信小程序备案流程整理

    [找备案入口]–[填主体信息]–[填小程序信息]–[初审]–[短信核验]–[通管局审核] (1)新的未上架小程序,可以在小程序首页点击【去备案】进入。 (2)已上架小程序,可以在设置-基本设置中找到【去备案】入口。 或者在小程序后台顶部会出现补充备案的提醒,也可以进

    2024年02月03日
    浏览(53)
  • 微信小程序 实现支付流程

    开发微信小程序时,涉及到微信支付的开发环节,特此记录一下 官方注册地址👉👉:接入微信支付 - 微信商户平台 备注:此商户号为超级管理员,一般由更上级领导进行注册(     非前端人员注册    ),会成为公司收款账户,主要填写超管信息并上传企业资料(如:营业执

    2024年04月14日
    浏览(58)
  • 微信小程序注册审核流程

    哈喽,各位亲爱的小伙伴们,大家好!今天给大家介绍如何在微信官方注册小程序 ,文章不长,一定要耐心看完,你会收获满满的。 1.在微信公众平台官网首页(mp.weixin.qq.com)点击右上角的“立即注册”按钮。选择小程序。 2.选择注册的帐号类型为小程序 3.填写邮箱和密码

    2024年02月09日
    浏览(59)
  • 微信小程序的支付流程

    微信小程序为电商类小程序,提供了非常完善、优秀、安全的支付功能 在小程序内可调用微信的 API 完成支付功能,方便、快捷 场景如下图所示: 用户通过分享或扫描二维码进入商户小程序,用户选择购买,完成选购流程 调起微信支付控件,用户开始输入支付密码 密码验证

    2024年02月02日
    浏览(56)
  • 微信小程序的登录流程

    1.使用完整服务也就是用户登录并且允许获取头像和昵称的时候,微信小程序通过方法wx.login获取到code(5 分钟内有效),携带code、appid和appSecret发送请求到服务器端; 2.服务器端利用appId、appSecret 和code调用相对应的接口(auth.code2Session)发送请求到微信官方服务器进行校验,

    2024年02月09日
    浏览(49)
  • 微信小程序的启动流程

    1、ios端,Mac微信端 2、Android端、PC微信端 3、微信开发者模拟器端 第一步环境准备 1、小程序运行进程以及运行环境的准备 2、代码包下载、校验以及初始化 3、视图层系统组件、WebView容器和原生组件的初始化 4、逻辑层JS引擎初始化及域创建 第二步,代码注入 1、框架及第三

    2024年02月09日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包