微信小程序学习实录4(开发前准备、认证必备资料、公众号关联小程序、小程序发布、开发配置、服务器域名、业务域名、位置接口设置)

简介: 微信小程序学习实录4(开发前准备、认证必备资料、公众号关联小程序、小程序发布、开发配置、服务器域名、业务域名、位置接口设置)

一、开发微信小程序必备资料

  1. 必须为主体单位,否则部分功能受限;
  2. 已认证的微信公众号服务号,开发权限比较齐全,同时公众号可关联10个“同主体或关联主体”的小程序;
  3. 域名,已完成备案且申请SSL证书
  4. 服务器空间,php+mysql环境部署,用于小程序后台管理程序的运行;


二、认证微信小程序必备资料

企业开发小程序所需的材料有:

1.营业执照、法人手机号、法人身份证号、微信号扫描、认证单、300元认证费,主要用于小程序认证。如果企业已有申请认证微信公众号,则可以从公众号后台入口进入小程序注册并认证,省去认证费。


2.企业银行对公账号、银行开户许可证、企业网银,用于申请微信支付接口。个人开发小程序,无法申请微信支付接口。


3.小程序logo、企业介绍、企业产品图片和文字介绍、官方联系方式等,将用于小程序的内容填充。


三、微信公众号关联小程序

登录微信公众号→小程序管理→添加。

微信公众号可关联或快速创建小程序,已关联的小程序可被使用在图文消息、自定义菜单、模板消息和附近的小程序等场景中。公众号可关联10个“同主体或关联主体”的小程序,3个“非同主体”小程序

注:每关联一个小程序,作为登录帐号,请填写未被微信公众平台注册,未被微信开放平台注册,未被个人微信号绑定的邮箱。



四、微信小程序发布

小程序从开发完到上线一般要经过 预览-> 上传代码 -> 提交审核 -> 发布等步骤。

版本管理

1690254509586.png

在发布小程序之后,小程序管理平台会提供对应的小程序码的预览和下载,开发者可以自行下载用于线上和线下的小程序服务推广。(小程序码在样式上更具辨识度和视觉冲击力,相对于二维码来说,小程序主题的品牌形象更加清晰明显,可以帮助开发者更好地推广小程序。)

审核管理

注意: 请开发者严格测试了版本之后,再提交审核, 过多的审核不通过,可能会影响后续的时间。

五、开发管理与配置

登录微信小程序→开发管理→开发配置。

1.开启IP白名单

只有管理员才有权限编辑IP白名单,开启后只有白名单内的IP可以调用参数为AppSecret的接口,请谨慎操作。

2.服务器域名

每个微信小程序需要事先设置通讯域名,小程序只可以跟指定的域名进行网络通信。包括普通 HTTPS 请求(wx.request)、上传文件(wx.uploadFile)、下载文件(wx.downloadFile) 和 WebSocket 通信(wx.connectSocket)。


小程序必须使用 HTTPS/WSS 发起网络请求。请求时系统会对服务器域名使用的 HTTPS 证书进行校验,如果校验失败,则请求不能成功发起。由于系统限制,不同平台对于证书要求的严格程度不同。为了保证小程序的兼容性,建议开发者按照最高标准进行证书配置,并使用相关工具检查现有证书是否符合要求。


如使用微信云托管作为后端服务,则可无需配置通讯域名(在小程序内通过callContainer和connectContainer通过微信私有协议向云托管服务发起HTTPS 调用和 WebSocket 通信)。


配置流程


服务器域名请在 「小程序后台-开发-开发设置-服务器域名」 中进行配置,配置时需要注意:


域名只支持 https (wx.request、wx.uploadFile、wx.downloadFile) 和 wss

(wx.connectSocket) 协议; 域名不能使用 IP 地址(小程序的局域网 IP 除外)或 localhost;

可以配置端口,如 https://myserver.com:8080,但是配置后只能向 https://myserver.com:8080发起请求。如果向 https://myserver.comhttps://myserver.com:9091 等 URL 请求则会失败。

如果不配置端口。如 https://myserver.com,那么请求的 URL 中也不能包含端口,甚至是默认的 443端口也不可以。如果向 https://myserver.com:443 请求则会失败。 域名必须经过 ICP 备案;

出于安全考虑,api.weixin.qq.com 不能被配置为服务器域名,相关API也不能在小程序内调用。 开发者应将 AppSecret保存到后台服务器中,通过服务器使用 getAccessToken 接口获取 access_token,并调用相关 API;

不支持配置父域名,使用子域名。


3.业务域名(使用web-view组件)

1.在管理后台配置业务域名

开发者登录小程序后台mp.weixin.qq.com,选择开发管理->开发设置->业务域名,点击新增,按照要求配置业务域名。目前小程序内嵌网页能力暂不开放给个人类型帐号和小游戏帐号。


2.调用web-view组件实现小程序内嵌网页

在小程序管理后台成功配置业务域名后,才可使用web-view组件。小程序内调用web-view组件实现内嵌的网页。


限制说明

1)每个小程序帐号支持配置最多200个域名;

2)每个域名支持绑定最多100个主体的小程序;

3)域名只支持https协议,不支持IP地址;

4)业务域名需经过ICP备案,新备案域名需24小时后才可配置;

5)域名格式只支持英文大小写字母、数字及“- ”;

6)配置业务域名后,可打开任意合法的子域名;


4.地理位置接口设置

以下8个地理位置接口需要申请后开通。

wx.startLocationUpdateBackground

wx.chooseLocation

wx.chooseAddress

wx.startLocationUpdate

wx.onLocationChange

wx.choosePoi

wx.getFuzzyLocation

wx.getLocation



若使用该接口,需要在 app.json 中进行声明,否则将无法正常使用该接口,2022年7月14日前发布的小程序不受影响;

只针对如下类目的小程序开放,需要先通过类目审核,再在小程序管理后台,「开发」-「开发管理」-「接口设置」中自助开通该接口权限。 并从4月18日开始,在代码审核环节将检测该接口是否已完成开通,如未开通,将在代码提审环节进行拦截。


@漏刻有时

相关文章
|
存储 JSON 小程序
微信小程序入门之新建并认识小程序结构
微信小程序入门之新建并认识小程序结构
374 1
ly~
|
存储 供应链 小程序
除了微信小程序,PHP 还可以用于开发哪些类型的小程序?
除了微信小程序,PHP 还可用于开发多种类型的小程序,包括支付宝小程序、百度智能小程序、抖音小程序、企业内部小程序及行业特定小程序。在电商、生活服务、资讯、工具、娱乐、营销等领域,PHP 能有效管理商品信息、订单处理、支付接口、内容抓取、复杂计算、游戏数据、活动规则等多种业务。同时,在企业内部,PHP 可提升工作效率,实现审批流程、文件共享、生产计划等功能;在医疗和教育等行业,PHP 能管理患者信息、在线问诊、课程资源、成绩查询等重要数据。
ly~
556 6
|
弹性计算 小程序 UED
|
小程序 JavaScript API
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
4104 0
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
|
小程序 前端开发
微信小程序商城,微信小程序微店 【毕业设计参考项目】
文章推荐了一个微信小程序商城项目作为毕业设计参考,该项目在Github上获得18.2k星,提供了详细的使用教程和前端页面实现,适合学习微信小程序开发和作为毕业设计项目。
微信小程序商城,微信小程序微店 【毕业设计参考项目】
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
532 1
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
485 0
在线课堂+工具组件小程序uniapp移动端源码
|
移动开发 小程序
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
928 0
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
5272 3
|
小程序 API
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
977 0
微信小程序更新提醒uniapp