微信支付怎么配置jsapi

JavaScript017

微信支付怎么配置jsapi,第1张

微信支付，是微信向有出售物品/提供服务需求的商家提供推广销售、支付收款、经营分析的整套解决方案，包括多种支付方式，如付款码支付、JSAPI支付、小程序支付、APP支付、电脑网站支付、企业微信支付、H5支付，以及多种支付工具，如微信红包、代金券等。微信支付配置步骤:步骤1：注册支付商户号步骤2、秘钥（32位）步骤3、上传证书步骤4、商户号新增小程序授权（注意授权状态是否是成功）步骤5、公众号支付、JSAPI开通登录小程序后台找到配置管理→支付配置登录开通微信支付商户平台（https://pay.weixin.qq.com），在微信支付商户平台里面进行查找商户号和设置API密钥、下载证书以下步骤查找上述基础的内容在哪个地方查找。步骤1、支付商户号查找：（注：登录商户号尽量使用360浏览器或者谷歌浏览器）进入后在 账户中心—商户信息、可以看到微信支付商户号、把商户号记一下，填到后台。注：首次进入微信支付后台需要下载控件和操作证书（按照提示一步步操作即可）步骤二：API密钥：随后点击下面的API安全、设置一下API秘钥，API密钥必须是32位字母或数字注：该处设置秘钥时看下设置下方的API秘钥，不要设置APIV3的秘钥。注：该处设置下后把新设置的密钥填到制作后台。步骤三：证书路径、密钥路径：API秘钥设置好了之后、点击下载API证书（注：该处证书上传用于退款。退款需要往商户号里充值钱。）下载后是一个压缩包，然后解压、然后根据名称分别上传到证书路径、密钥路径。步骤四：小程序在公众号里申请，公众号里开通的微信支付；该方式需要先登录商户号->产品中心->APPID授权管理->新增该小程序的授权。具体如下图：如提示已绑定（此步骤跳过）授权后到微信小程序后台同意授权。如图：确保上图申请单状态是授权成功。步骤五：查看微信支付商户号公众号支付、JSAPI是否开通。如下图：（如未开通，点击开通下，如果没有公众号支付可不用管）（1）公众号支付开通（如果没有公众号支付，此步骤跳过）（2）JSAPI开通

制作微信二维码红包的步骤如下。

步骤一：

打开微信，点击下方的“我”，再点击“支付”，进入钱包界面。

/iknow-pic.cdn.bcebos.com/f2deb48f8c5494ee881634a023f5e0fe99257e56"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/f2deb48f8c5494ee881634a023f5e0fe99257e56?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/f2deb48f8c5494ee881634a023f5e0fe99257e56"/>

步骤二：

进入钱包界面后，点击左上方的“收付款”按钮。

/iknow-pic.cdn.bcebos.com/10dfa9ec8a1363276de0f98a9f8fa0ec08fac77d"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/10dfa9ec8a1363276de0f98a9f8fa0ec08fac77d?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/10dfa9ec8a1363276de0f98a9f8fa0ec08fac77d"/>

步骤三：

进入收付款界面之后，点击下方的“面对面红包”选项。

/iknow-pic.cdn.bcebos.com/ac345982b2b7d0a2581e3f24c5ef76094a369ab7"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/ac345982b2b7d0a2581e3f24c5ef76094a369ab7?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/ac345982b2b7d0a2581e3f24c5ef76094a369ab7"/>

步骤四：

在面对面红包界面，点击“包红包”按钮。

/iknow-pic.cdn.bcebos.com/8435e5dde71190ef1bb1a866c01b9d16fcfa60c4"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/8435e5dde71190ef1bb1a866c01b9d16fcfa60c4?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/8435e5dde71190ef1bb1a866c01b9d16fcfa60c4"/>

输入红包金额和个数，点击“塞钱进红包”，即可生成二维码红包。

/iknow-pic.cdn.bcebos.com/34fae6cd7b899e51c89d1fad4ca7d933c8950d73"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/34fae6cd7b899e51c89d1fad4ca7d933c8950d73?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/34fae6cd7b899e51c89d1fad4ca7d933c8950d73"/>

写了这么多AngularJS代码，可以说我对AngularJS了解比较深入了。Backbone也是一个很热门的JS框架，我通读了一下它的API文档，大概了解了他的运行机制。

Backbone很精巧，很强大。但对比AngularJS，我说说我看到的Backbone的缺点，由于接触时间短，可能会存在误解，见谅。

Backbone的Model把服务器端的数据模型映射到浏览器端，绑定数据验证机制，并与相应的REST操作绑定，这样每个数据模型都变成了独立体，方便REST操作，却限制REST的灵活性。比如我要将10个todo批量标记成已完成，它会发出10个REST请求。

Backbone的Model没有与UI视图数据绑定，而是需要在View中自行操作DOM来更新或读取UI数据，这点很奇怪。AngularJS与此相反，Model直接与UI视图绑定，Model与UI视图的关系，通过directive封装，AngularJS内置的通用directive，就能实现大部分操作了，也就是说，基本不必关心Model与UI视图的关系，直接操作Model就行了，UI视图自动更新。而Model数据验证、与服务器端的数据交互都是非常简单而自由的。