小程序登录、支付、上传图片流程
登录
在我们写小程序的时候，经常会遇到一些需要验证身份信息的操作，这时候我们就需要验证token，如果本地没有token的话，我们就需要引导用户进入登录页面，然后调用wx.getUserProfile的方法，通过这些方法我们就可以获取到当前登录用户的基本信息（头像、网名等）。然后我们可以把这些信息存储起来，然后再使用wx.login方法，获取到code码，code码就是当前登录操作的登录凭证，然后再将通过刚才获取到的用户信息加上刚才获取到的code码一起传递到服务器，如果请求成功的话服务器就会返回token，这时候再把token存储起来就可以了。
支付
我们要在购物车里选中要下单的商品，第一步要进行登录验证，看看有没有有存储token值，如果没有的话就需要让用户进行登录的操作。并且要选择好收货地址，如果没有收货地址的话就需要让用户添加好收货地址，然后就可以进入订单页面，把刚才选中的想要下单的商品渲染出来就可以了。第一步就是需要把这些商品的id，number，price都挨个拿出来，放到一个新的数组里。然后把完整的收货地址也拿出来加上这个新的数组，一起向服务器发送请求，请求成功的话就会获取到一个当前订单的订单编号，然后通过向服务器传递给服务器请求支付，然后就可以以获取到一个pay对象，这个pay对象里边有我们一会儿支付要用到的数据，然后就可以请求微信的requestPayment的方法了，把刚才获取到的pay对象作为参数传递给微信的服务器，调用出来微信的支付二维码。然后我们就可以通过查询订单的方式就可以查看到当前订单的支付状态，如果支付成功的话就提示支付成功，并且把这个订单放到完成支付的订单里边，如果没有完成支付的话就提示未支付成功，然后把订单放到待支付的订单页面就可以了。 但是如果要完成支付的话是需要公司认证的商户号，如果没有这个商户号的话是不能完成订单支付的
上传图片
上传图片主要就是通过微信的原生方法wx.chooseImage，他里边有一些参数，对应的参数可以查看小程序的官方文档 wx.chooseImage(Object object) | 微信开放文档
请求成功的话我们可以获取到一个临时数组，这个临时数组就是我们刚才通过wx.chooseImage方法获取到的图片路径，然后把这些数据传递给我们的服务器，进行对应的操作就可以了
小程序登录、支付、上传图片流程相关推荐
- 小程序微信支付开发流程记录
我所在公司需要开发一款商城小程序,里面需要用到微信支付,我负责里面的下单功能,从小程序端到后台的支付流程都是我自己开发的,由于我们组没有人有开发微信支付的经验,只有我有开发过JSAPI的微信支付的经验 ...
- 微信小程序收款手续费_小程序微信支付收款流程
大家都知道,小程序具备微信支付功能,但是,很多商家还不知道具体的收款流程是什么?用户在小程序下单支付的款项究竟到了哪里?或者找第三方公司开发担心资金安全问题? 今天给大家详细的讲解一下: 在实现微信小 ...
- 微信小程序登录注册的流程及实现思路
一.登录注册的实现流程 首先,需要配置一个用于封装的文件 http,里面有三个js文件,分别是api.js,env.js,request.js. 1.api.js 用于对各种业务接口的封装 // 引入 ...
- Abp 微信小程序登录 基本的流程和实践
需求:有个web端,然后移动端使用微信小程序.要把微信用户和系统中的用户对应起来 上一篇搞了个钉钉小程序登录:钉钉小程序登录 微信小程序登录,方便用户输入和系统中校验的也就只有手机号了,既能保证用户唯 ...
- 微信小程序(6)说说微信小程序的支付流程？
一.前言 微信小程序为电商类小程序,提供了非常完善.优秀.安全的支付功能 在小程序内可调用微信的API完成支付功能,方便.快捷 场景如下图所示: 用户通过分享或扫描二维码进入商户小程序,用户选择购买, ...
- 面试官：说说微信小程序的支付流程？
一.前言 微信小程序为电商类小程序,提供了非常完善.优秀.安全的支付功能 在小程序内可调用微信的API完成支付功能,方便.快捷 场景如下图所示: 用户通过分享或扫描二维码进入商户小程序,用户选择购买, ...
- 微信小程序开发支付流程
微信支付是时下最流行的交易支付方法之一,潜移默化推动着无现今社会的变革.小程序作为微信上的轻应用,同业也开放微信支付的接口,可以通过转账,扫二维码支付.要完成一次具体的订单支付需要完整的支付流程,具体 ...
- 微信小程序之支付流程
本文以微信支付官方文档为例,梳理了一下,支付的流程 [图片详细展示] 文字展示 1.小程序内调用登录接口,获取到用户的openid,api参见公共api[小程序登录API] 2.商户server调用支 ...
- 微信小程序-微信小程序登录流程（一）
微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或搜一下即可打开应用 冷启动: ...
- 微信小程序 微信支付代码实现流程
微信小程序 微信支付是一个很简单的流程 微信开发文档 地址:wx.requestPayment(Object object) | 微信开放文档 微信公众平台申请支付功能 百度一大堆例举代码 官方文档 ...
最新文章
- HashSet中的add()方法( 二 )（详尽版）
- JavaScript作用域面试题避坑指南
- CF786B Legacy（线段树优化建边模板 + 最短路）
- css水平垂直居中_css 如何实现水平居中、垂直居中（超全面）
- php获取总共内存_php获取页面运行使用内存的两个函数
- 成功启动spark集群程序，使用多台电脑进行计算
- hdfs数据均衡操作命令
- 腾讯发布 Tencent SCF Toolkit VS Code 插件，轻松开发无服务器云函数
- Python 修改文件内容3种方法（替换文件内容）
- 如何才能做到网站高并发访问?
- 生产力系统的四类要素
- moxie php,PHP仿微信多图片预览上传功能
- 怎么制作OC材质预设？
- WIN7打开远程桌面连接设置
- python sub函数用法_Python Pandas dataframe.sub()用法及代码示例
- 智能手环APP软件开发
- 一对一语音直播系统源码——如何解决音视频直播技术难点
- 计算机硬件及编程语言
- 如何统计网站的在线人数呢？
- RabbitMq应用