# 小程序使用手册
# 如何创建小程序
# 第一步:配置小程序
- 百度小程序->基本配置->基础设置:
此步骤要求:小程序已申请,并且获得了获得了小程序的AppId、AppSecret、AppKey,这些参数可登录到微信小程序、百度开放平台、支付宝小程序获得。 若未获得小程序信息,可直接到第三步先进行页面设计。如下图,进行配置
- 百度小程序->基本配置->服务器域名配置:
此步骤要求:小程序已经授权成功,按照输入框后的提示,必须要配置,否则小程序无法进行审核、发布,如下图,进行配置
- 百度小程序->基本配置->小程序管理:
此模块下可以对多个小程序进行管理,可添加、删除小程序,设置默认小程序。如下图所示:
- 百度小程序->基本配置->SEO关键字设置
如下图所示,按需填写
- 百度小程序->基本配置->业务域名设置
如下图所示,按需填写
# 第二步:小程序授权
- 授权
小程序配置成功后,如下图所示,会提示用户对小程序进行授权,注意:小程序必须要授权之后,才能进行代码上传、提交审核、发布版本。
- 注意事项
百度小程序授权:需要管理员用百度app扫授权码,并选择需要授权的小程序进行授权
微信小程序授权:需要管理员用微信app扫授权码,并选择需要授权的小程序进行授权
支付宝小程序授权:需要管理员登录PC端支付宝平台,选择小程序授权
# 第三步:小程序全局配置
可对小程序进行全局配置和底部菜单配置,底部菜单一定要设置且保存,不然页面不会显示底部菜单,配置如图所示:
# 第四步:小程序页面设计
1.新建页面
可以新建空白页,也可以启用模版页面,如下图所示:
2.设置模版页
设计人员可以将自己设计的页面设为模版页面,如下图所示:
3.页面共享
设计人员可以共享其他小程序的设计页面,,如下图所示:
4.查看草稿
设计人员可以通过第四步的全局配置和底部菜单设置,对所设计的页面进行预览
# 第五步:小程序发布
- 上传代码
小程序发布之前需要先提交代码:按要求填写小程序版本以及版本描述,如图所示:
代码上传成功之后,可以通过预览查看,预览时,若提示如图所示:
可通过添加绑定成员,添加成为体验成员,如图所示:
- 提交审核
代码上传之后,需要提交到对应的平台审核,如下图微信小程序提交审核::
注意
若审核失败,根据失败原因,重新提交代码,再提交审核。 若支付宝小程序审核失败原因为:
当前小程序涉及软件开发,需要具备资质为:《增值电信业务许可证》,特殊资质。如果需要提供特殊资质的,在小程序提交审核时,
请上传特殊资质文件,要求文件名必须与资质名称相同:如上传增值电信业务许可证,则上传的文件名称应为:增值电信业务许可证.xxx,
如下图所示:
- 发布
注意
小程序审核成功之后,百度小程序会自动发布版本,微信、支付宝小程序需要手动发布,必须要发布之后,小程序才会升级为最新的版本,如下图所示:
# 电商支付配置
开通商城的商家需要登录:商家平台 (opens new window)配置相关平台的支付参数,配置路径:首页->电商设置->支付设置
# 百度小程序支付配置
- 商家需要到百度电商平台 (opens new window),开通支付功能。根据接入流程 (opens new window)
进行相关配置;在支付配置中心配置时,
其支付回调地址填写:www.17hongtu.cn/api/smart/pay_notify ,
退款回调地址填写:www.17hongtu.cn/api/smart/refund_notify,
退款审核地址填写:www.17hongtu.cn/api/smart/refund_audit - 在后台配置如下图所示的相关支付参数,参数必须配置准确,否则小程序的支付功能将无法使用,
# 微信公众号、小程序支付配置
- 首先需要商家登录微信商户平台,开通微信小程序支付功能,支付授权目录填写:https://www.17hongtu.cn,
- 在后台配置如下图所示的相关支付参数,参数必须配置准确,否则小程序的支付功能将无法使用,
API证书下载地址:https://pay.weixin.qq.com/index.php/account/api_cert (opens new window)
API证书密钥下载地址:https://pay.weixin.qq.com/index.php/account/api_key (opens new window)
# 支付宝小程序支付配置
- 到支付宝商户平台 (opens new window) 签约《当面付》,签约完成后请到支付宝开放平台 (opens new window)->能力管理,添加小程序支付能力,并绑定小程序appid
# 组件的使用
# 自定义组件
注意
自定义组件目前只支持常用模块里的组件,其他模块的组件暂时不支持放入自定义组件内
# 聚合二维码
# 聚合二维码作用
TIP
使用不同的客户端,如微信、支付宝、百度app扫聚合二维码时,会自动识别并打开商家小程序
# 注意事项
注意
- 微信小程序需要开启:扫普通链接二维码打开小程序。登录小程序 (opens new window)-》开发管理-》开发设置,开启扫普通链接二维码打开小程序功能,
如图所示:
# 注意事项
# 1. 小程序授权异常
注意
发起授权域名跟回调域名不一致
# 2. 百度小程序不能预览
注意
没有上传代码
# 3. 预览出现空白页
注意
没设置首页、设置的链接不存在或页面空白
# 4. 预览时,报请求错误
注意
小程序必须配置服务器域名,都配置成:https://www.17hongtu.cn
# 5. 预览时,未及时更新
注意
各个小程序app端预览都要随时清理缓存,不然不能及时更新
# 6. 设计页面丢失
注意
在小程序未配置时,设计的页面为草稿页面:如百度小程序草稿页、微信小程序草稿页。
小程序配置之后,会发现之前设计的草稿页面不见了,请选择《共享页面设计》,选择需要共享的设计页面,即可恢复,如下图所示:
# 7. 体验成员绑定失败
注意
绑定成员时,微信号为:打开微信app->我的->个人信息->微信号;
支付宝登录账号为:打开支付宝app->我的->个人信息->支付宝账号;
如果微信号、支付宝登录账号输入错误,是无法绑定的。
支付宝账号绑定成功之后,需要绑定人员在打开支付宝app->消息:同意绑定,才能绑定成功
# 8. 底部菜单未显示
注意
底部菜单未显示,可能存在的情况:概括-》全局配置-》菜单设置未保存,如图所示,菜单设置,一定要保存,如下图所示:
# 9. 报错:refresh_token is invalid rid
需要重新授权