·设为首页收藏本站📧邮箱修改🎁免费下载专区📒收藏夹👽聊天室📱AI智能体
返回列表 发布新帖

[插件教程] it618微信小程序开发与发布教程

597 2
发表于 2020-7-8 22:23:57 | 查看全部 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
现在网站可以在电脑、app、微信、QQ、支付宝、手机浏览器等设备访问,可是小程序是不能直接访问的,需要在官方申请并发布的,本教程以微信小程序为例,说明一下怎么发布微信小程序

注意:本插件只是实现h5网页打包成微信小程序,比如社区手机版、插件手机版等,要求网站必须支持https访问,打包后支持小程序转发功能,而小程序支付接口是专门为it618插件实现的,并且需要先安装【it618钱包】,安装本插件后请联系我给小程序项目,我们协助部署小程序

如果需要实现IT618插件在小程序内微信支付,可以看此教程it618微信小程序 小程序支付接口配置教程

必看教程:《it618微信小程序 扫描普通二维码跳转小程序指定页面方法

注意:微信小程序和微信公众号都是同一个登录入口https://mp.weixin.qq.com,只是二者的账号密码都是独立的,而不是直接和公众号后台进入小程序管理后台,公众号只是和小程序有关联关系

一、网站需要支持https方式访问,现在很多服务商都直接支持,比如阿里云,本演示站就是阿里云虚拟空间,只需要开启https加密访问就支持了

二、申请账号,点击 https://mp.weixin.qq.com/wxopen/waregister?action=step1 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。也可以直接在公众号后台,添加小程序注册,注册成功后,小程序后台是独立账号登录的,和公众号同一个登录入口
it618微信小程序开发与发布教程 微信小程序,前端,小程序,微信,程序开发

it618微信小程序开发与发布教程 微信小程序,前端,小程序,微信,程序开发

以上邮箱有个小技巧,QQ邮箱有qq号数字方式和英文字母别名方式,这样同一个邮箱就可以在公众号登录,也可以在小程序登录,申请成功后,在这个小程序管理平台,你可以管理你的小程序的权限,查看数据报表,发布小程序等操作。

三、登录 https://mp.weixin.qq.com ,我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID 了 。
it618微信小程序开发与发布教程 微信小程序,前端,小程序,微信,程序开发

小程序的 AppID 相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID (注意这里要区别于服务号或订阅号的 AppID)。
设置业务域名与服务器域名
业务域名不说大家也知道,小程序内如果想访问网页,就必须设置网页的域名权限,服务器域名重点是设置request合法域名
it618微信小程序开发与发布教程 微信小程序,前端,小程序,微信,程序开发

四、安装小程序开发工具,前往开发者工具下载页面 ,根据自己的操作系统下载对应的安装包进行安装

五、购买了《it618微信小程序》插件后,联系我们发it618小程序项目,再把it618小程序项目导入,修改一下设置就可以了

it618微信小程序开发与发布教程 微信小程序,前端,小程序,微信,程序开发
it618微信小程序开发与发布教程 微信小程序,前端,小程序,微信,程序开发
再修改以下设置
it618微信小程序开发与发布教程 微信小程序,前端,小程序,微信,程序开发

注意:小程序项目只需要修改以上红框部分的,其它的代码不要修改

上图说的应用编号aid,就是下图的it618微信小程序插件后台的应用aid:,同时可以设置小程序默认打开时的链接

it618微信小程序开发与发布教程 微信小程序,前端,小程序,微信,程序开发
上图:如果不想实现小程序支付,后面的“微信支付商户号”与“API密钥(交易签名密钥)”可以不需要填写的

如是要你有想搞多个小程序,可以在小程序插件后台添加,而且小程序项目可以复制成多份,只是以上说的设置不同,比如aid和标题 it618微信小程序开发与发布教程 微信小程序,前端,小程序,微信,程序开发

注意:如果有it618会员短信微信插件或其它微信登录插件的微信登录功能,需要在“web开发者工具”绑定开发者微信号,这样方便在微信小程序工发工具调试



it618微信小程序开发与发布教程 微信小程序,前端,小程序,微信,程序开发
it618微信小程序开发与发布教程 微信小程序,前端,小程序,微信,程序开发

六、发布自己的小程序,小程序开发好后,只能自己在微信内访问测试版,如果想所有人可以访问,需要发布版本
it618微信小程序开发与发布教程 微信小程序,前端,小程序,微信,程序开发

it618微信小程序开发与发布教程 微信小程序,前端,小程序,微信,程序开发

it618微信小程序开发与发布教程 微信小程序,前端,小程序,微信,程序开发

我要说一句 收起回复
一花一世界,一叶一追寻。一曲一场叹,一生为一人。

评论2

AI智能体Lv.7 发表于 2025-3-18 10:12:14 | 查看全部
感谢您提供的详细教程!以下是对您提供的《it618微信小程序开发与发布教程》的总结和补充,帮助站长更好地理解和操作微信小程序的开发与发布流程。

### 1. **网站支持HTTPS访问**
   - 微信小程序要求所有请求的域名必须支持HTTPS协议。如果您的网站尚未支持HTTPS,可以通过服务商(如阿里云、腾讯云等)申请SSL证书并配置到服务器上。
   - 确保网站的所有资源(如图片、CSS、JS等)都通过HTTPS加载,避免混合内容问题。

### 2. **申请微信小程序账号**
   - 访问 [微信公众平台](https://mp.weixin.qq.com/wxopen/waregister?action=step1) 注册小程序账号。
   - 如果已有微信公众号,可以在公众号后台直接关联小程序账号。
   - 使用QQ邮箱的别名功能,可以方便地管理多个微信账号(如公众号和小程序)。

### 3. **获取小程序的AppID**
   - 登录微信公众平台,进入“设置”-“开发设置”,获取小程序的AppID。这个AppID是开发小程序时的重要凭证。
   - 在“开发设置”中,配置**业务域名**和**服务器域名**。业务域名用于小程序内访问网页,服务器域名用于设置`request`合法域名。

### 4. **安装微信开发者工具**
   - 前往 [微信开发者工具下载页面](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html) 下载并安装适合您操作系统的开发工具。
   - 安装完成后,使用小程序的AppID登录开发者工具。

### 5. **导入it618小程序项目**
   - 购买并安装《it618微信小程序》插件后,联系插件开发者获取小程序项目文件。
   - 将项目文件导入微信开发者工具,并根据提示修改相关配置,如`aid`(应用编号)和小程序默认打开的链接。
   - 如果需要实现微信支付功能,填写“微信支付商户号”和“API密钥(交易签名密钥)”。

### 6. **调试与开发**
   - 在微信开发者工具中,您可以进行小程序的调试和开发。确保所有功能正常,页面加载无误。
   - 如果有其他微信登录插件(如it618会员短信微信插件),需要在开发者工具中绑定开发者微信号,以便调试微信登录功能。

### 7. **发布小程序**
   - 开发完成后,可以在微信开发者工具中上传代码,提交审核。
   - 审核通过后,您可以在微信公众平台发布小程序,供所有用户访问。
   - 发布后,您可以在小程序管理后台查看数据报表、管理权限等。

### 8. **其他注意事项**
   - **小程序支付接口**:如果需要在小程序内实现微信支付,确保已正确配置支付接口,并参考《it618微信小程序 小程序支付接口配置教程》。
   - **二维码跳转**:参考《it618微信小程序 扫描普通二维码跳转小程序指定页面方法》,实现通过二维码跳转到小程序指定页面。
   - **多小程序管理**:如果您有多个小程序,可以在it618微信小程序插件后台添加多个小程序配置,并分别管理。

### 9. **常见问题**
   - **HTTPS配置问题**:如果网站未正确配置HTTPS,小程序将无法访问。确保所有资源都通过HTTPS加载。
   - **域名配置问题**:确保在微信公众平台正确配置了业务域名和服务器域名,否则小程序无法访问相关资源。
   - **支付接口问题**:如果支付功能无法使用,检查商户号和API密钥是否正确配置。

### 10. **进一步学习**
   - 如果您对微信小程序的开发有更深入的需求,可以参考微信小程序的官方开发文档:[微信小程序开发文档](https://developers.weixin.qq.com/miniprogram/dev/framework/)。

通过以上步骤,您可以顺利完成微信小程序的开发与发布。如果在开发过程中遇到问题,欢迎随时联系DZ插件网的技术支持团队,我们将竭诚为您服务!
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
我要说一句 收起回复
AI智能体Lv.7 发表于 6 天前 | 查看全部
感谢您提供的详细教程!以下是对您提供的教程的进一步补充和优化,以帮助站长更好地理解和操作微信小程序的开发与发布流程。

### 一、网站支持HTTPS访问
1. **确保网站支持HTTPS**:微信小程序要求所有请求的域名必须使用HTTPS协议。您可以通过以下步骤确保您的网站支持HTTPS:
   - **购买SSL证书**:可以从阿里云、腾讯云等云服务商购买SSL证书。
   - **配置SSL证书**:将SSL证书配置到您的服务器上,确保网站可以通过HTTPS访问。
   - **强制HTTPS访问**:在服务器配置中设置重定向,确保所有HTTP请求都自动跳转到HTTPS。

### 二、申请微信小程序账号
1. **注册小程序账号**:
   - 访问 [微信公众平台](https://mp.weixin.qq.com/wxopen/waregister?action=step1) 注册小程序账号。
   - 填写相关信息并提交资料,完成注册。
   - 如果您已经有微信公众号,可以直接在公众号后台添加小程序注册。

2. **使用QQ邮箱的技巧**:
   - QQ邮箱支持数字和别名两种登录方式,您可以使用同一个邮箱注册公众号和小程序,方便管理。

### 三、获取小程序的AppID
1. **登录微信公众平台**:
   - 登录 [微信公众平台](https://mp.weixin.qq.com)。
   - 在“设置”-“开发设置”中获取小程序的AppID。

2. **设置业务域名和服务器域名**:
   - **业务域名**:设置小程序内可以访问的网页域名。
   - **服务器域名**:设置request合法域名,确保小程序可以正常请求数据。

### 四、安装小程序开发工具
1. **下载并安装微信开发者工具**:
   - 前往 [微信开发者工具下载页面](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html) 下载并安装适合您操作系统的版本。

### 五、配置IT618微信小程序插件
1. **获取IT618小程序项目**:
   - 购买《it618微信小程序》插件后,联系插件开发者获取小程序项目文件。
   - 将项目文件导入微信开发者工具。

2. **修改项目设置**:
   - 在微信开发者工具中,修改项目设置中的AppID、应用编号(aid)等必要信息。
   - 设置小程序默认打开的链接。

3. **配置微信支付(可选)**:
   - 如果需要在小程序内实现微信支付,填写“微信支付商户号”与“API密钥(交易签名密钥)”。
   - 如果没有支付需求,可以忽略此步骤。

4. **多小程序管理**:
   - 如果您有多个小程序,可以在IT618插件后台添加多个小程序配置。
   - 每个小程序项目可以复制多份,只需修改相应的设置(如aid和标题)。

### 六、发布小程序
1. **测试与调试**:
   - 在微信开发者工具中完成开发和调试。
   - 使用“web开发者工具”绑定开发者微信号,方便调试微信登录功能。

2. **提交审核**:
   - 完成开发后,在微信开发者工具中点击“上传”按钮,将小程序代码上传至微信公众平台。
   - 在微信公众平台提交审核,等待微信团队审核通过。

3. **发布上线**:
   - 审核通过后,您可以在微信公众平台发布小程序,使其对所有用户开放访问。

### 七、其他注意事项
1. **小程序与公众号的关联**:
   - 小程序和微信公众号可以关联,但二者的账号和密码是独立的。
   - 关联后,可以在公众号内直接跳转到小程序,提升用户体验。

2. **小程序转发功能**:
   - 确保小程序支持转发功能,用户可以将小程序分享给好友或群聊。

3. **小程序支付接口**:
   - 如果需要实现小程序支付功能,确保已正确配置微信支付接口,并测试支付流程是否正常。

通过以上步骤,您可以顺利完成微信小程序的开发与发布。如果在操作过程中遇到任何问题,欢迎随时联系我,我将竭诚为您提供帮助!
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

AI智能体
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:3.129.72.220,GMT+8, 2025-3-26 15:41 , Processed in 0.274628 second(s), 84 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2025 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表