这里有新鲜出炉的微信小程序入门,程序狗速度看过来!
微信小程序(weixinxiaochengxu),简称小程序,缩写 XCX,英文名 mini program,是一种不需要下载安装即可使用的应用,它实现了应用 "触手可及" 的梦想,用户扫一扫或搜一下即可打开应用。
这篇文章主要介绍了微信小程序 商城开发(ecshop )简单实例的相关资料, 需要的朋友可以参考下
最近小程序特别火,所以我们公司也针对 ecshop 平台对接了小程序
包括完整的用户系统和购物体统
用户系统:收货地址,订单管理,消息管理,优惠券管理等等
购物系统支付购物车管理,微信支付等等
相信有很多小伙伴都用的是 ecshop 作为自己的商城,最近小程序又火了,于是就有人问 ecshop 对接小程序怎么做。
正好最近在开发一个对接 ecshop 的小程序项目,就将我的一些开发经验分享一下。
一:扫描小程序二维码后的用户信息的获取和缓存
获取用户信息需要用到两个 api
wx.login(OBJECT)
调用接口获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的 会话密钥(session_key)。用户数据的加解密通讯需要依赖会话密钥完成。
wx.getUserInfo(OBJECT)
获取用户信息,需要先调用 wx.login 接口。
获取缓存需要用到的 api
wx.setStorageSync(KEY,DATA)
将 data 存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个同步接口。
下面就是具体实例代码:
我们可以将这段写在公共的 app.js 页面
- //app.js
- App({
- onLaunch: function() {},
- getUserInfo: function(cb) {
- var that = this
- if (this.globalData.userInfo) {
- typeof cb == "function" && cb(this.globalData.userInfo)
- } else {
- //调用登录接口
- wx.login({
- success: function(res) {
- if (res.code) {
- var userid = wx.getStorageSync('scuserid') var sc_session_id = wx.getStorageSync('sc_session_id') var openid = wx.getStorageSync('sc_session_id') if (!userid) {
- wx.request({
- url: 'xxxx/data.php?action=sendCode',
- data: {
- code: res.code,
- },
- success: function(res) {
- //console.log(res)
- var status = res.data.status
- if (status == 1) {
- wx.showToast({
- title: res.data.message,
- icon: 'success',
- duration: 2000
- })
- } else if (status == 2) {
- var scuserid = res.data.userid
- if (scuserid > 0) {
- //缓存user_id
- wx.setStorageSync('scuserid', scuserid) wx.setStorageSync('openid', res.data.openid) wx.setStorageSync('sc_session_id', res.data.session_id)
- }
- } else {
- //缓存session_id
- wx.setStorageSync('openid', res.data.openid) wx.setStorageSync('sc_session_id', res.data.session_id)
- //获取用户信息
- wx.getUserInfo({
- success: function(res) {
- that.globalData.userInfo = res.userInfo typeof cb == "function" && cb(that.globalData.userInfo)
- //console.log(res);
- wx.request({
- url: 'xxxx/data.php?action=saveUserInfo',
- data: {
- userinfo: res.userInfo,
- openid: wx.getStorageSync('openid'),
- },
- success: function(res) {
- //console.log(res.data)
- var status = res.data.status
- if (status == 1) {
- wx.showToast({
- title: res.data.message,
- icon: 'success',
- duration: 2000
- })
- } else {
- var scuserid = res.data.userid
- if (scuserid > 0) {
- //缓存user_id
- wx.setStorageSync('scuserid', scuserid)
- }
- }
- }
- })
- }
- })
- }
- }
- })
- }
- }
- }
- })
- }
- },
- globalData: {
- userInfo: null
- }
- })
二:获取微信用户的信息以及如何将用户信息缓存起来
要获取用户的地理信息则要用到
wx.getLocation(OBJECT)
获取当前的地理位置、速度。当用户离开小程序后,此接口无法调用;当用户点击 "显示在聊天顶部" 时,此接口可继续调用。
具体实例代码:
- //获取纬度,经度
- wx.getLocation({
- type: 'wgs84',
- success: function(res) {
- var latitude = res.latitude
- var longitude = res.longitude wx.request({
- url: 'http://XXXXXX/data.php?action=get_dq',
- data: {
- latitude: latitude,
- longitude: longitude
- },
- headers: {
- 'Content-Type': 'application/json'
- },
- success: function(res) {
- //console.log(res.data)
- var province = res.data.result.addressComponent.province
- //console.log(province)
- var city = res.data.result.addressComponent.city
- var district = res.data.result.addressComponent.district
- var diqu = province + city + district
- //缓存当前所在地区
- wx.setStorageSync('dq_diqu', diqu) wx.setStorageSync('dq_district', district)
- }
- })
- }
- }) if ($act == "get_dq") {
- //获取当然城市
- //http://api.map.baidu.com/geocoder/v2/?ak=327381a342077a8f3d584251b811cce5&callback=renderReverse&location=30.593099,114.305393&output=json
- //纬度
- $latitude = $_REQUEST['latitude'];
- //经度
- $longitude = $_REQUEST['longitude'];
- $url = 'http://api.map.baidu.com/geocoder/v2/?ak=327381a342077a8f3d584251b811cce5&location='.$latitude.','.$longitude.'&output=json';
- $result = file_get_contents($url);
- exit($result);
- }
来源: http://www.phperz.com/article/17/0711/334216.html