本帖最后由 chanpin@wyying.com 于 2018-8-30 20:06 编辑
准备阶段
步骤1：注册微信公众号
如已经有公众号请直接跳到步骤2。如已有认证服务公众号请跳到步骤3。 通过微信公众号进行用户的维护以及引导用户，通过微信小程序实现现实场景的线上流程。所以第一步请注册服务公众号。
点击图1中的红色方框将进入图2界面。在图2界面中请点击注册服务号
点击图2中的红色方框，将进入登录信息填写界面。在此界面填写登录帐号以及设置登录密码。请妥善保存帐号和密码，用于日后登录公众号。注册成功后将会让选择公众号类型。如图3所示。请选择服务号。
选择完成后将进行信息填写。请选择企业类型，如图4中红色椭圆圈。若有其他类型请选择媒体以及其他组织。 选择主体类型为企业后。需要对主体信息进行登记填写。需要的资料有自己的企业名称以及营业执照注册号，如图5所示。同时需要设置一位公众号管理员，填写管理员身份信息。 信息登记后将会进入到公众号中，可以填写公众号信息。
步骤2：认证服务号 公众号注册成功后。需要进行公众号的认证。登录公众号后台。点击图6中红色方框内的内容就可以查看公众号是否认证过。
在图7中，点击的【认证详情】将会跳转到认证界面。在认证界面中点击开通认证就可申请认证。 认证主要需要的资料有 1、营业执照（副本）彩色扫描件或数码照 2、组织机构代码证扫描件 3、审核费用300元/次（需要年审，每年1次）。 认证完成后便可使用认证服务号快速注册小程序。不再需要为注册小程序付钱。
步骤3：复用认证号资质注册小程序 从认证完的公众号里复用资质快速注册。
1登录微信公众号后台，点击小程序管理，在页面中点击“添加”并选择“快速注册并认证小程序”（首次注册点击快速注册并认证小程序即可）。如图8。 2公众号管理者扫描二维码登录，勾选所有公众号中的资质信息进行小程序认证信息复用。图9所示。
3填写小程序的帐号信息提交邮箱验证。注意此时注册的邮箱必须与公众号登录邮箱不相同。 4通过提示在注册填写时的邮箱中验证。
5验证完成后，绑定小程序管理员信息注册完成。此时管理员的信息可以与公众号管理员信息相同。图11为管理员信息填写界面。
步骤4：开通公众号卡卷、模版消息功能；开通小程序的附近小程序功能 登录到服务号后台，点击添加功能插件。找到卡卷和模版消息分别开通。服务号开通后在登陆到小程序的后台开通附近小程序功能。如图13所示，开通附近小程序功能。
步骤5：注册微信开放平台并绑定公众号和小程序
PS：（1）如果之前已经注册了微信开放平台但没有完成开发者资质认证，请先完成认证再绑定公众号和小程序。（2）如果之前已是认证的开发者请直接绑定小程序和公众号。
注册需要填写邮箱。注意此邮箱不能使用公众号、小程序登陆时使用的邮箱。填写后需要邮箱激活。激活后需要填写管理员信息。管理员信息可以跟公众号、小程序管理员信息相同。 2注册后需要申请开发者资质认证，在帐号中心可以申请开发者资质认证。如图15所示。
申请总共为四个步骤1同意协议、2填写资料、3填写资料、4支付费用。完成这四个步骤就可以绑定小程序和公众号了。 3绑定小程序和公众号。登录后在为微信开放平台点击【管理中心】-【小程序】-【公众号】即可分别绑定小程序和公众号了
步骤6：开通公众号和小程序微信支付接口 公众号和小程序想要使用微信支付需要开启微信支付功能接口。开启微信支付接口需要是认证服务号并且拥有微信商户号。 公众号开启需要三个步骤。第一步用登录微信公众平台到公众号后台，击左侧菜单【微信支付】，开始填写资料等待审核，审核时间为1-5个工作日内。
第二步资料审核通过后，请登录联系人邮箱查收商户号和密码，并登录商户平台填写财付通备付金打的小额资金数额，完成账户验证。 第三步在线签署协议。此协议为线上电子协议，签署后方可进行交易及资金结算，签署完立即生效。图18是开通完成的图片。
小程序开通微信支付，即申请或复用微信支付商户号。登录小程序后台，点击左侧导航栏的微信支付，在页面中进行开通。
点击【开通】按钮后将跳转到绑定微信支付商户号界面。开通方式选择“绑定已有微信支付商户号”。即图20中画红线的绿色按钮。绑定后即开通了小程序支付接口。
场景录操作阶段
步骤7：场景录平台绑定公众号 完成认证公众号注册、小程序注册、以及微信开放平台绑定公众号和小程序。登录场景录平台绑定公众号。
登录场景录平台后可以点击后台首页中我的公众号按钮。即可进行公众号授权。点击图21中红色方框内容。图21-图23为绑定公众号流程。在图23中需要使用公众号管理员的微信扫描二维码进行绑定。
步骤8：场景录支付设置绑定 在场景录“内容管理”-“公众号”-“支付设置”中可以设置微信支付。填写所需信息即可方便使用微信支付。
填写完商户号、API密匙并上传证书,然后点击【复制连接】按钮复制支付授权链接并保存。此时立即登录微信商户平台（pay.weixin.qq.com）设置您的公众号支付目录，将复制的链接添加到支付目录中。 设置路径：商户平台-->产品中心-->开发配置，如图25所示。 公众号支付在请求支付的时候会校验请求来源是否有在商户平台做了配置，所以必须确保支付目录已经正确的被配置，否则将验证失败，请求支付不成功。
步骤9：授权小程序卡片 登录场景录，快速制作-小程序-小程序，点击“授权新的小程序”，跳转到微信扫码页面
使用小程序管理员微信扫码，并且确认授权到场景魔方
授权成功后，如下图所示 这个时候就可以开始设计小程序啦~
步骤10：进入设计器设计小程序 在场景列表中点击添加按钮即可进入场景设计器设计属于自己的小程序。在设计器页面中可以先选择已设计好的模版完成自己第一个小程序的发布。 详情见图28与图29。图28中红色方框就是模版查看按钮。点击后出现图23可选择模版。
模版选择器中有众多可选择的模版可以根据自己所在行业选择自己需要的模版进行小程序的快速搭建。
选择好了模版后可以点击组件对组件属性进行修改或对组件添加数据进行展示。具体的操作流程为点击组件-设置组件的属性（组件的属性设置栏请看图28的右边）。
步骤11：设置小程序模版消息 模版消息设置路径为内容应用>小程序>模版消息>场景录模版消息可设置模版消息。图30即模版消息设置。
步骤12：发布设计完成的小程序 模版消息设置完成后。需要打包发布。点击设计器的右上角【发布】按钮将会自动跳转小程序生成界面。
小程序生成页面如下图所示 可在此页面选择生成代码包，下载到本地使用微信开发者工具上传 点击立即上传，即可在场景录平台实现代码包打包，上传，提审，发布操作，无需多次切换平台操作 代码包提审后，等待微信官方审核通过后，即可发布上线
步骤13：添加小程序体验者以及查看体验版
版本管理页面可添加小程序的体验者，以及扫码查看体验版
步骤14：微信开发工具上传小程序代码 小程序生成页面点击生成代码包
将下载的小程序代码压缩包解压到一个新建的文件夹（可命名为项目名称+版本号），并在微信Web开发者工具中新建项目，选择将新建的文件夹选择为项目目录，输入APPID以及项目名称。 工具下载完成后，先安装工具然后使用小程序管理员微信登录工具。点击图34中的方框可以新建项目。之后在图35中填写信息。在图34中点击【预览】按钮可以在手机端预览小程序所有界面与流程。
工具下载地址https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html。
注：如果小程序已经授权到场景魔方，需要使用开发者工具上传时，需要前往微信小程序后台停止授权后，才能进行本地代码包上传提审操作。
| 
楼主
发表于 2018-6-23 15:46:52
