小程序的微信支付开发,只需 10 分钟!让你的小程序轻松接入「微信支付」

2019-02-25 15:46:29 微信支付开发 280 views 微信支付开发
[导读]:本文(《只需 10 分钟!让你的小程序轻松接入「微信支付」》)由来自定西的客户投稿,并经由本站(河池微信接口)结合主题:小程序的微信支付开发,收集整理了众多资料而成。主要记述了微信小程序开发,微信开发,数据表,微信小程序支付,小程序api等方面的信息。相信从本文您一定可以获得自己所需要的!

好不容易上线了,又得做各种保障措施确保支付功能不挂掉……

今天,知晓程序(微信号 zxcx0101)将借着一款小程序的开发案例,向大家介绍史上最快完成微信支付接口调用的方法。

诞生背景

「未来社」是国内首创融合科技教育和生活美学的实验工场,其配套的小程序主要聚焦在商家入驻、会员付费两大功能。

「未来社」是第一批用上的小程序。从刚开始开发到最后成品,后端所有逻辑都交给了知晓云。

相比较于另外一款自己写后端逻辑的小程序项目,知晓云的确能够让开发者快速进行开发,免除环境安装、配置、后端代码管理的麻烦。

具体怎么使用呢?下面我就来为大家简单讲解。

构建界面

对接初期,「未来社」相关的负责人给了我一份整体页面设计稿。这份设计稿非常精美,所有元素都可以查询到具体样式。

有了这么精美的界面,小程序的界面外壳很快就搭建完成了。

这里简单地提及一下的,就是 Swiper 组件的使用。

这里简单地提及一下的,就是 Swiper 组件的使用。

「未来社」小程序主页有三个页面,前两个页面用来展示「未来社」介绍,并允许用户直接购买「未来社」空间使用权;第三个页面则用于展示用户资料。

用户只需要在页面上左右滑动,就可以切换前后页面。

同时,屏幕右下角也需要一个直接跳转个人资料页的按钮,用户点击之后可以直接跳过未来社介绍,直接进入个人中心填写资料。

看上去需求挺复杂,但是利用小程序的 Swiper 组件,这些功能都可以轻松完成

二话不说,上代码:

二话不说,上代码:

二话不说,上代码:

搞定!剩下的事情,就是填充 Swiper 组件的具体内容了。最后,再写写具体的样式,就是我们看到的小程序界面了。

逻辑

界面搞定之后,我们就要搞搞数据交互的逻辑部分了。

当他们丢了一个知晓云 SDK 给我的时候,其实我是拒绝的。我不能说你让我用,我就立刻用,我必须要试一试……

刚拿到 SDK 的时候,我有点懵,因为知晓云的 SDK 将 API 请求也封装了起来,而且封装到了微信的

wx

对象中。

其他同类集成式后端环境,通常也会用 RESTful 形式给接口,开发者在小程序中,调用

wx.request

,完成数据交换。

当然,这种方式的好处也是显而易见:开发者不用自己封装

wx.request

写网络请求方法,也不需要在需要调用的时候,写又臭又长的网络请求参数。

开发者只需要在知晓云进行注册,同时加载知晓云体积极小的 SDK,就能直接在小程序中,使用知晓云的后端集成服务。

回到「未来社」小程序。这个小程序的具体作用就是向用户展示、介绍「未来社」业务,然后允许用户直接购买「未来社」空间使用权。

展示和介绍的任务我们之前解决了,接下来就是要让用户买买买。想要实现在小程序里直接交易,我需要实现两个功能:

  • 小程序要先让用户留下联系方式,方便客服联系用户,完成服务。

  • 客户心动的时候,应该让他直接在小程序里购买会员资格。

1. 资料补充与修改

利用知晓云的数据表功能,以及配套的读写接口,我就可以保存用户的个人资料。

这个部分的实现,用到的就是上一篇「我的书架」文章中的数据表读写功能,这里就不详细展开。有兴趣的,可以先阅读。

这里我所使用的方法比较简单粗暴:先检测当前用户是否在表中有个人资料的记录,如果没有,就新建,如果有,则拉取 / 更新个人资料

需要注意的是,在写入数据表的时候,知晓云会自动登记新建记录的用户标识,所以,不需要额外为数据表新建

user_id

这种列。

2. 支付功能

2. 支付功能

「未来社」的会员资格有使用时长,用户可以在小程序中购买时长。如果多次购买,时间可以累计。

那么,当用户购买会员资格时:

  • 小程序需要知道用户是否已经购买空间、是否还在会员资格期内。

  • 如果用户的会员尚在有效期,那么用户继续购买,则有效期会累加。

  • 如果用户的会员已过期,或是之前没有购买过,则有效期从购买时计算。

也就是说,我需要先从服务器获取用户会员资格有效期信息。用户购买后,我再根据有效期信息,计算新的到期日,最后更新数据库。

思路有了,那就动手做呗。首先,先从知晓云的数据表里抽数据:

我说过,知晓云最赞的地方,就是

我说过,知晓云最赞的地方,就是它的 SDK 将很多调用起来很麻烦的接口全部封装,这其中就包括微信支付接口

但是,用了知晓云,十分钟我就做完了接入……

喏,就像这样:

喏,就像这样:

喏,就像这样:

有了知晓云,我将更多的时间花在了完善这款小程序的样式上面,在逻辑编写上,也节省了我不少精力。

相关问答

问:小程序个人开发者可以调用微信支付吗?

答:这个也是可以的,不过需要您先申请一个微信商家
在申请成功之后,就可以将该功能集成到您的小程序上面了
集成的具体方法,您可以在申请成功之后下载开发者文档来查看


问:以个人为主体的小程序,可以使用微信支付功能吗?

答:不能。个人主体的小程序不能使用微信支付功能,真是不明白为什么这么多限制,难道为了使用微信支付、还需要我去注册一个公司?


问:关于微信小程序如何开通「微信支付」

答:微信小程序要实现线上交易,还需要开通微信支付,否则用户无法进行付款。具体步骤如图:1、 在小程序后台找到【微信支付】并点击进去,申请开通微信支付,绑定已有的微信支付商户号(没有的需要新申请,一般微信公众号开通了可以直接绑定)然后跟着步骤流程走2、 (微信公众号没有注册的)开通微信支付需要准备的资料申请微信支付,包括微信认证已提供的资料外,你还需要提供以下材料:a.联系人姓名、手机号码、常用邮箱b.公司网址(非互联网公司可不填)c. 商家名称(将用于对外展示)d. 售卖商品描述(140字以内)e. 客服电话3、申请开通提交审核,等待通过,一般审核需要3-5天。要注意到邮箱查看消息,审核之后会有一个金额验证,输入商户回款金额认证后,进行【协议签署】,然后微信支付开通就完成了。


问:小程序怎么开通微信支付功能?

答:建议找专业的开发小程序。找专业的申请开通支付功能。


问:小程序没有微信支付

答:你是个人资质的小程序吗?个人的暂不支持开通微信支付


问:怎么把微信支付商户号接入小程序里面

答:可以在微信后台进行添加小程序设置,需要检查小程序申请微信支付功能,是选择绑定已有的公众平台开通的商户号,还是重新提供资料申请的,检查对应的APPID。


问:个人小程序能做支付功能吗

答:开通支付功能的硬性条件是,小程序已通过微信认证。当然,只有主体为组织的小程序才能申请微信认证,所以个人开发者无法为小程序申请支付功能。
除了上面的要求,微信支付还限定商户必须选择对应商户类目。如果你的企业在「微信支付商户不支持的经营范围」中,你可能无法申请微信支付。
文字来源:标小序


发表评论

Mr.wang

你好,个人是没办法开通支付功能的!要支付功能需要开通微信支付(商户号)个人是没办法开通,需要营业执照或者个体户!

2019-03-22 11:27:13
安德烈

若企业的小程序已认证后可在后台申请微信支付

2019-03-19 09:12:52
永晓

直接进微信公号的后台,申请微信支付,就可以了!
直接在后台开通,不用找公司做,没必要这钱留着以后用!

2019-03-01 21:57:13
吕瑞龍

申请微信支付,配置小程序秘钥,设置秘钥和下载证书,配置HTTPS服务器即可。

2019-03-01 10:24:01
gu

先准备好要绑定的小程序的APPID,然后进入已有的商户号,有个产品中心――appid授权管理――新添加授权还想了解其他的可以到微喜应用咨询

2019-02-28 16:00:17
Sheng

首先要拿到想要绑定的小程序的APPID,然后进行绑定,确定。具体的步骤,您可以参考火客官网上面的使用手册,会一步一步教您的。

2019-02-26 14:33:30
湖哥

是可以支付的。个人不能开通门店小程序的,所以这个问题没法回答。如果有微店铺或单店小程序,是可以使用微信支付功能的。还有就是像麦当劳肯德基哪有的智慧餐桌小程序,在线下单一键支付了的都。

2019-02-26 08:19:10
付旭涛

若是已经在开发平台上获取到了APP ID,那么可以登录开放平台,在管理中心中选择所需的APP,点击右侧的申请开通,提交所需材料。审核通过后,可登录商户平台进行验证,最后在线签署协议,并启动设计和开发。

2019-02-26 08:18:41
SomnusLLL

个人注册的小程序目前不支持认证,微信支付功能调用必须是已认证的小程序才行

2019-02-26 08:05:14

发表评论:

在线客服