微信小程序部署到线上环境

微信小程序部署到线上环境

一.微信小程序申请

申请,并认证(未认证不能发布,认证需要300元,目前只支持企业认证)详细见官网说明。

https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&lang=zh_CN

二、开发端准备

1,开发微信小程序,必须要有一个AppId,如果没有可以去注册一个。

申请后登陆

https://mp.weixin.qq.com/进入注册页面,点击上方立即注册。

在这里插入图片描述

2,点击选择“小程序”出现注册页面。
在这里插入图片描述

3,填写账号信息,包含邮箱,密码,验证码。

在这里插入图片描述

4,登录邮箱,点击链接,进行验证。

在这里插入图片描述

5,进入信息登记界面,进行信息登记,分为“主体信息登记”和“管理员信息登记”。“主体信息提交后不可修改”!

在这里插入图片描述

在这里插入图片描述

6,登录微信小程序。

在这里插入图片描述

7,设置,开发者设置,APPID,服务器域名。

在这里插入图片描述

8,设置,开发者工具,腾讯云。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

9,安装开发者工具

下载与安装客户端微信开发者工具并使用小程序微信号扫码登录。选择左边的小程序项目,然后选择项目的目录,你的AppID和项目名称。

在这里插入图片描述

在这里插入图片描述

小程序项目管理 项目目录没有项目就用第10步的下载测试代码,进入后图:

10,下载测试代码

下载为你打包的 Demo 代码,作为开通环境所需,可以去腾讯云下载。

在这里插入图片描述

11,下载的是一个压缩包,里面包含服务端和客户端的代码文件。然后将整个文件夹导入到微信开发者工具中。

在这里插入图片描述

12,使用微信开发者工具创建小程序项目,选择第三步下载的代码文件夹,修改云数据库的一些配置信息。打开 server/config.js 或server/config.php文件。修改里面的 MySQL 数据库密码为您的小程序 AppID。
在这里插入图片描述

13,上传测试代码

使用微信开发者工具上传代码,完成开发环境的初始化,上传测试代码选择(部署后自动安装依赖)。

在这里插入图片描述

14,代码上传之后,进行代码部署操作。点击图中的“代码部署”
在这里插入图片描述

15,修改本地请求域名

点击微信开发者工具右上角【详情】-【腾讯云状态】即可查看【开发环境 request 域名】,复制域名,填写在 clien/config.js 文件的 host 处,并保存。
在这里插入图片描述

在这里插入图片描述

三、腾讯云准备

1,微信小程序部署到线上环境。首先,腾讯云必须关联微信小程序,否则不能打通开发环境;其二,必须要有一个已经备案的域名;最后,一台云主机。腾讯云部署微信小程序域名必须备案,否则不能正常访问。

在这里插入图片描述

在这里插入图片描述

2,腾讯云主机大概49元1个月,暂不支持Java和.NET,支持PHP,Node.js

在这里插入图片描述

3,具备了以上条件你就可以进入生产环境。如图。

在这里插入图片描述

### 微信小程序部署上线教程 #### 准备工作 确保开发环境已经配置完成并能够正常运行微信小程序项目。这包括但不限于安装最新版本的微信开发者工具以及拥有有效的微信公众平台账号[^3]。 #### 编译与预览 在本地环境中通过`uni-app`框架构建的小程序应用,在命令行执行相应打包指令后,应该会在控制台上看到“编译成功”的消息。此时可以选择让系统自动打开微信开发者工具来加载刚刚生成好的文件夹路径下的资源;也可以手动前往该目录位置(`unpackage/dist/build/mp-weixin`)并将整个工程导入至已启动的应用内以便进一步测试其功能表现[^1]。 #### 提交审核前准备 当确认无误之后就可以着手处理正式发布的各项事宜了。在此之前建议先做好如下几项准备工作: - **完善基本信息**:进入微信公众平台上对应项目的设置页面补充必要的描述文字、图标素材等内容; - **关联公众号(可选)**:如果希望借助现有的订阅号/服务号推广新推出的轻量化应用程序,则按照官方指引完成两者之间的绑定流程即可实现一键跳转访问的效果[^2]。 #### 发布申请提交 一切就绪之后便能点击界面上方菜单栏中的【上传】按钮将最终版源码同步给腾讯服务器端等待审查人员对其进行安全性和合规性的评估。期间可能需要填写一些额外的信息帮助他们更好地理解产品的定位和服务范围。 一旦获得批准通知就意味着可以顺利对外发布了! ```bash # 执行此命令用于触发 uni-app 的构建过程 npm run build:mp-weixin ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值