微信小程序学习实录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日开始,在代码审核环节将检测该接口是否已完成开通,如未开通,将在代码提审环节进行拦截。


@漏刻有时

相关文章
|
5月前
|
弹性计算 网络安全
阿里云国际OpenAPI多接口快速管理ECS服务器教程
阿里云国际OpenAPI多接口快速管理ECS服务器教程
|
6月前
|
小程序 JavaScript API
微信小程序开发学习之页面导航(声明式导航和编程式导航)
这篇文章介绍了微信小程序中页面导航的两种方式:声明式导航和编程式导航,包括如何导航到tabBar页面、非tabBar页面、后退导航,以及如何在导航过程中传递参数和获取传递的参数。
微信小程序开发学习之页面导航(声明式导航和编程式导航)
|
6月前
|
小程序 JavaScript
微信小程序学习之数据绑定,事件绑定,事件传参与数据同步的学习记录
本文介绍了微信小程序中的数据绑定、事件绑定、事件传参与数据同步的基本概念和使用方法,包括如何在data对象中定义数据、使用mustache语法在wxml中渲染数据、绑定和处理事件、事件对象属性、事件传参以及实现输入框与data数据的同步。
微信小程序学习之数据绑定,事件绑定,事件传参与数据同步的学习记录
|
6月前
|
JavaScript 前端开发
vue配合axios连接express搭建的node服务器接口_简单案例
文章介绍了如何使用Express框架搭建一个简单的Node服务器,并使用Vue结合Axios进行前端开发和接口调用,同时讨论了开发过程中遇到的跨域问题及其解决方案。
103 0
vue配合axios连接express搭建的node服务器接口_简单案例
|
7月前
|
小程序 JavaScript Java
微信小程序+SpringBoot接入后台服务,接口数据来自后端
这篇文章介绍了如何将微信小程序与SpringBoot后端服务进行数据交互,包括后端接口的编写、小程序获取接口数据的方法,以及数据在小程序中的展示。同时,还涉及到了使用Vue搭建后台管理系统,方便数据的查看和管理。
微信小程序+SpringBoot接入后台服务,接口数据来自后端
|
7月前
|
小程序
关于我花了一个星期学习微信小程序开发、并且成功开发出一个商城项目系统的心得体会
这篇文章是作者关于学习微信小程序开发并在一周内成功开发出一个商城项目系统的心得体会,分享了学习基础知识、实战项目开发的过程,以及小程序开发的易上手性和开发周期的简短。
关于我花了一个星期学习微信小程序开发、并且成功开发出一个商城项目系统的心得体会
|
8月前
|
小程序
尝试使用阿里云服务器搭建微信小程序
华北电力大学核工程大一学生,出于对编程的热爱与大创项目需求,涉足微信小程序搭建。初期在实验指导下克服不熟悉编程的困难,但后期发现教程引导不足,尤其是对于代码定位缺乏清晰指引。建议加强网页图像指导,以适应不同编程水平用户,尤其是新手。
尝试使用阿里云服务器搭建微信小程序
|
7月前
|
运维 小程序 前端开发
小程序开发问题之在小程序中调用my.chooseImage接口让用户选择图片如何解决
小程序开发问题之在小程序中调用my.chooseImage接口让用户选择图片如何解决
|
8月前
|
前端开发 JavaScript
【node写接口】 通过node 快速搭建一个服务器、get请求、post请求 小白入门
【node写接口】 通过node 快速搭建一个服务器、get请求、post请求 小白入门
234 4
|
8月前
|
Java
软件开发常用之SpringBoot文件下载接口编写(下),Vue+SpringBoot文件上传下载预览,服务器默认上传是1M,可以调节,调节文件上传大小写法,图片预览,如何预览后下次还能看到,预览写法
软件开发常用之SpringBoot文件下载接口编写(下),Vue+SpringBoot文件上传下载预览,服务器默认上传是1M,可以调节,调节文件上传大小写法,图片预览,如何预览后下次还能看到,预览写法