广告
返回顶部
首页 > 资讯 > 服务器 >微信小程序部署流程
  • 850
分享到

微信小程序部署流程

微信小程序服务器ssl 2023-09-09 19:09:00 850人浏览 八月长安
摘要

🐼🐼🐼微信小程序前端、后端(Java)部署流程 文章目录 服务器域名 和 ssl 证书申请域名解析域名域名备案购买证书配置NGINX

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

文章目录

服务器

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

域名 和 ssl 证书

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

申请域名

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

解析域名

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

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

填写 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://blog.csdn.net/qq_40096897/article/details/128902980

--结束END--

本文标题: 微信小程序部署流程

本文链接: https://www.lsjlt.com/news/401848.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 微信小程序部署流程
    🐼🐼🐼微信小程序前端、后端(Java)部署流程 文章目录 服务器域名 和 ssl 证书申请域名解析域名域名备案购买证书配置NGINX ...
    99+
    2023-09-09
    微信小程序 服务器 ssl
  • yolov5部署+微信小程序前端展示
    分为yolov5项目部署和微信小程序两部分,先介绍微信小程序前端展示+flask后端,之后介绍项目部署这部分。 一、先上效果图 点击选择图片,调用摄像头选择图片   选择图片之后,点击开始检测,然后返回结果  ​​​​​​​    二...
    99+
    2023-09-11
    前端 python flask javascript
  • 微信小程序自动化部署的全过程
    目录前言miniprogram-ci微信公众平台配置密钥文件脚本脚本具体模块讲解自动化部署实现第一种方式(推荐)第二种方式总结前言 我们先来梳理一下日常开发微信小程序的流程:代码开发...
    99+
    2022-11-13
  • 微信小程序的登录流程
    一、背景 传统的web开发实现登陆功能,一般的做法是输入账号密码、或者输入手机号及短信验证码进行登录。 服务端校验用户信息通过之后,下发一个代表登录态的 token 给客户端,以便进行后续的交互,每当token过期,用户都需要重新登录。 而...
    99+
    2023-09-10
    微信小程序 小程序 微信
  • 微信小程序--》tabBar底部栏
    🏍️作者简介:大家好,我是亦世凡华、渴望知识储备自己的一名在校大学生 🛵个人主页:亦世凡华、 🛺系列专栏:微信小程序 🚲座右铭:人生亦可燃烧,亦可腐败,我愿燃烧,耗尽...
    99+
    2023-09-21
    微信小程序 小程序 前端 开发语言 微信
  • 微信小程序支付完整流程
    1、注册微信支付商户号(由上级或法人注册) 注册链接:https://pay.weixin.qq.com/index.php/apply/applyment_home/guide_normal 此商户...
    99+
    2023-09-21
    微信小程序 小程序 javascript
  • 微信小程序域名备案流程
    微信小程序域名备案流程:1.进入到小程序备案控制台;2.登录需要备案的小程序,点击“开始备案”;3.根据页面提示选择地域信息、主办者性质、证件类型等信息,并上传相关证件;4.提供主体信息以及主体负责人信息;5.填写网站信息、填写负责人信息,...
    99+
    2022-10-12
  • 微信小程序支付流程(前端)
    微信小程序的支付只要用到官方的支付API : wx.requestPayment(Object object) 官方文档地址:https://developers.weixin.qq.com/miniprogram/dev/api/paym...
    99+
    2023-08-19
    微信小程序 前端 小程序 微信 javascript
  • 小程序微信登陆实现流程
    1. 微信登录流程 微信登录官方介绍:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.htm...
    99+
    2023-09-05
    小程序 微信 java 微信小程序登录
  • 微信小程序显示loading效果,微信小程序节流效果,微信小程序生命周期,微信小程序组件的创建与使用
    一、显示loading效果         文档地址:wx.showLoading(Object object) | 微信开放文档         请求前 显示loading 效果,请求结束后隐藏loading // 在请求模块中wx.sh...
    99+
    2023-09-14
    微信小程序 小程序 微信
  • 微信小程序 | 小程序开发
    🖥️ 微信小程序专栏:小程序开发 初级知识 🧑‍💼 个人简介:一个不甘平庸的平凡人🍬 ✨ 个人主页:CoderHing的个人主页 🍀 格言: ☀️ 路漫...
    99+
    2023-09-08
    微信小程序 小程序
  • 微信小程序--小程序框架
    目录 前言:  一.框架基本介绍 1.整体结构: 2.页面结构: 3.生命周期: 4.事件系统: 5.数据绑定: 6.组件系统: 7.API: 8.路由: 9.模块化: 10.全局配置: 二.视图层详解 1.WXML(WeiXin Mar...
    99+
    2023-10-20
    小程序 微信小程序
  • 微信小程序如何推广引流
    给微信小程序做推广引流的方法:1.广告宣传推广,地铁广告;2.名片推广,大型活动;3.自媒体推广,微博、头条、抖音、知乎;4.社群推广,微信社群;具体方法如下:广告宣传推广不管是线上的还是线下的广告,都会有很大的曝光度,类似于地铁广告,地铁...
    99+
    2022-10-09
  • 微信小程序怎么推广引流
    微信小程序推广引流的方法:可为线上引流和线下引流。线上引流:公众号引流,关联公众号,在推文中带小程序二维码进行推广引流。朋友圈引流,制作活动海报,转发朋友圈进行引流,有奖转发引流等等。社群引流,搭建社群,在社群建传播。线下引流:常用的方式是...
    99+
    2022-10-16
  • 微信小程序实现底部弹窗
    本文实例为大家分享了微信小程序实现底部弹窗的具体代码,供大家参考,具体内容如下              &nb...
    99+
    2022-11-13
  • 企业微信内部跳转小程序
    企业微信中跳转小程序 企业微信官方文档 在企业微信内快速跳转到指定的小程序页面之前需要先调用wx.agentConfig wx.agentConfig({ corpid: '', // 必填,企业微信的corpid,必须与当前登录的企...
    99+
    2023-08-17
    小程序 微信小程序 javascript
  • 微信小程序支付完整流程(前端)
     微信小程序中,常见付款给商家的场景,下面列出企业小程序中,从0起步完整微信支付流程。 一,注册微信支付商户号(由上级或法人注册)    接入微信支付 - 微信商户平台 此商户号,需要由主管及更上级领导进行注册,会成为公司收款账户(...
    99+
    2023-08-31
    微信小程序 小程序
  • 微信小程序运行流程实例分析
    本文小编为大家详细介绍“微信小程序运行流程实例分析”,内容详细,步骤清晰,细节处理妥当,希望这篇“微信小程序运行流程实例分析”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。一.微信小程序是啥本质其实就是(混合)的a...
    99+
    2023-06-26
  • 【详讲】微信小程序分包流程步骤
    【详讲】微信小程序分包流程步骤 本文基于微信小程序的官方文档,对分包的概念以及具体的操作流程进行讲解。 一、为什么要使用分包? 主要原因就是微信小程序规定了主包大小不能超过 2M ,但我们随着开发的更新迭代,一个小程序往往是大于 2M...
    99+
    2023-08-21
    微信小程序 小程序 前端 经验分享 javascript
  • 微信小程序登陆(全流程-前后端)
    环境要求 注册一个小程序 微信开发者工具 idea(springboot) 目录 项目准备 用户登陆 前端开发,传递code index.wxss index.js 后端编写,调用微信接口,获取openId 现在用户的所有信息都拿不到...
    99+
    2023-08-31
    微信小程序 小程序 微信
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作