# 小程序使用手册

# 如何创建小程序

# 第一步:配置小程序

  1. 百度小程序->基本配置->基础设置:

此步骤要求:小程序已申请,并且获得了获得了小程序的AppId、AppSecret、AppKey,这些参数可登录到微信小程序、百度开放平台、支付宝小程序获得。 若未获得小程序信息,可直接到第三步先进行页面设计。如下图,进行配置

set-base

  1. 百度小程序->基本配置->服务器域名配置:

此步骤要求:小程序已经授权成功,按照输入框后的提示,必须要配置,否则小程序无法进行审核、发布,如下图,进行配置

set-domain

  1. 百度小程序->基本配置->小程序管理:

此模块下可以对多个小程序进行管理,可添加、删除小程序,设置默认小程序。如下图所示:

set-manger

  1. 百度小程序->基本配置->SEO关键字设置

如下图所示,按需填写 set-seo

  1. 百度小程序->基本配置->业务域名设置

如下图所示,按需填写 set-server-domain

# 第二步:小程序授权

  1. 授权

小程序配置成功后,如下图所示,会提示用户对小程序进行授权,注意:小程序必须要授权之后,才能进行代码上传、提交审核、发布版本。 auth-info

  1. 注意事项

百度小程序授权:需要管理员用百度app扫授权码,并选择需要授权的小程序进行授权
微信小程序授权:需要管理员用微信app扫授权码,并选择需要授权的小程序进行授权
支付宝小程序授权:需要管理员登录PC端支付宝平台,选择小程序授权

# 第三步:小程序全局配置

可对小程序进行全局配置和底部菜单配置,底部菜单一定要设置且保存,不然页面不会显示底部菜单,配置如图所示:gloab-set

# 第四步:小程序页面设计

1.新建页面

可以新建空白页,也可以启用模版页面,如下图所示:

add-page

2.设置模版页

设计人员可以将自己设计的页面设为模版页面,如下图所示:

set-template

3.页面共享

设计人员可以共享其他小程序的设计页面,,如下图所示:

share-page

4.查看草稿

设计人员可以通过第四步的全局配置和底部菜单设置,对所设计的页面进行预览

# 第五步:小程序发布

  1. 上传代码

小程序发布之前需要先提交代码:按要求填写小程序版本以及版本描述,如图所示:upload-code 代码上传成功之后,可以通过预览查看,预览时,若提示如图所示:no-auth 可通过添加绑定成员,添加成为体验成员,如图所示:add-user

  1. 提交审核

代码上传之后,需要提交到对应的平台审核,如下图微信小程序提交审核::小程序提交审核

注意

若审核失败,根据失败原因,重新提交代码,再提交审核。 若支付宝小程序审核失败原因为:
当前小程序涉及软件开发,需要具备资质为:《增值电信业务许可证》,特殊资质。如果需要提供特殊资质的,在小程序提交审核时,
请上传特殊资质文件,要求文件名必须与资质名称相同:如上传增值电信业务许可证,则上传的文件名称应为:增值电信业务许可证.xxx,
如下图所示:上传特殊资质

  1. 发布

注意

小程序审核成功之后,百度小程序会自动发布版本,微信、支付宝小程序需要手动发布,必须要发布之后,小程序才会升级为最新的版本,如下图所示: 微信小程序发布 支付宝小程序上架

# 电商支付配置

开通商城的商家需要登录:商家平台 (opens new window)配置相关平台的支付参数,配置路径:首页->电商设置->支付设置

# 百度小程序支付配置

  1. 商家需要到百度电商平台 (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
  2. 在后台配置如下图所示的相关支付参数,参数必须配置准确,否则小程序的支付功能将无法使用,百度小程序支付配置

# 微信公众号、小程序支付配置

  1. 首先需要商家登录微信商户平台,开通微信小程序支付功能,支付授权目录填写:https://www.17hongtu.cn,
  2. 在后台配置如下图所示的相关支付参数,参数必须配置准确,否则小程序的支付功能将无法使用,微信小程序支付配置
    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)

# 支付宝小程序支付配置

  1. 支付宝商户平台 (opens new window) 签约《当面付》,签约完成后请到支付宝开放平台 (opens new window)->能力管理,添加小程序支付能力,并绑定小程序appid

# 组件的使用

# 自定义组件

注意

自定义组件目前只支持常用模块里的组件,其他模块的组件暂时不支持放入自定义组件内

# 聚合二维码

# 聚合二维码作用

TIP

使用不同的客户端,如微信、支付宝、百度app扫聚合二维码时,会自动识别并打开商家小程序

# 注意事项

注意

  1. 微信小程序需要开启:扫普通链接二维码打开小程序。登录小程序 (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

需要重新授权