微信app登录

解决方案：1.通过调用配置好的获取登录方式和登录请求的视口 ,传递不同参数实现功能

2.具体操作步骤以及截图说明如下

一、 获取已配置的登录方式
    1.在对应的按钮文字上选择文本绑定，绑定参数为name 
    2.循环按钮，在按钮上一级标签选择数组绑定，绑定参数为providers
    3.调用配置好的视口
地址请求方式参数简介
/v/auth/oauth2/user/providers.jsonGETct=public_json获取可用登录方式

 4.上述视口获取登录方式的返回值如下：

二、  发起登录请求

地址请求方式参数简介
/auth/oauth2/user/login.htmlGETprovider=XXX发起登录请求

   1.添加一个同步数据元素，右键→逻辑→属性绑定→绑定参数为{"data--sync":abc}，abc为自己定义的名称

2.在获取数据元素设置里面→ 是否页面初始化时自动同步（不开启）→ 同步数据url（/auth/oauth2/user/login.html）→ 同步数据时的默认参数（ {"provider":"wechatapp"}），
     wechatapp为页面返回的登录方式，在这里我是直接给了固定值，根据需求来

3.在按钮上右键→逻辑，写一个绑定数据编程，额外参数→高级编辑写_vm.abc(true), ——（当点击按钮时触发绑定数据编程，开始调用2中的同步数据元素视口，发起登录请求）

 

上述步骤完成之后，即可调用手机微信登录（ 注意： 登出成功后还是会留在登录页面，需要手动在页面上做登录判断，跳转页面），微信登陆成功后，会创建一个user表，用来存微信个人信息,以下为数据库中的user信息

  • "_index": "qicheweixiu.wware.org",
  • "_type": "user",
  • "_id": "155d810d998750dd490c3e75ba3c888f",
  • "_version": 18,
  • "_score": 1,
  • "_source": {
    • "provider": "wechat",
    • "openid": "olLNr0nh2SHrdTm4LF_vKCE_FAG8",
    • "nickname": "啦啦啦",
    • "gender": "女",
    • "city": "",
    • "province": "Upper Austria",
    • "country": "Austria",
    • "unionid": "oLe0gw1pmMKKECYey_w4v6vMfPXU",
    • "headimgurl": "http://wx.qlogo.cn/mmopen/vi_32/PMlWYz9ETf8rHUE7PwcJgKGE5gAz1LcAtcdiaucOEVGclJicwDOTpkcpq6496LbWHFbe1GNo0jeoRLaQkFsHqXzg/0" ,
    • "wxaccessToken": "4_cjdPKfu2nSB5Dh-FETLeTpJxxPpEcPs2c0S2PzQLnJq3rg7VRu-AkuKNTGFkBjdCxhP6HevZZpPCPDsmW4hSRpwqhFn-_pvx7MCz_Xd3vzk",
    • "wxrefreshToken": "4_KXikzwojogXuDGE4zebmFlxHwZqI9_dsEnStIwrFwxV1cnubjOE7Wkubh3f_uOMtrfexzvQFJ5aEFCR8L8t-5Bcdgk1OJf4AEn6ko_76Ll0",
    • "notMergeUser": false,
    • "_phonenumberchecked": "no",
    • "_emailchecked": "no",
    • "_status": "normal",
    • "lang": "cn",
    • "role": [
      • "车主"
      ],
    • "registertime": "2017-11-21T10:14:01Z",
"provider": 'wechat|qq|weibo|fb|twitter',// 登录方式
  "openid": 'openid', // 登录平台下的唯一标示
  "nickname": 'nickname', // 昵称
  "gender": '女', // 性别
  "city": 'city', // 城市
  "province": 'province', // 省份
  "country": 'country', // 国家
  "unionid": 'unionid', // 唯一标示
  "headimgurl": 'headimgurl' // 头像地址

页面绑定视频

实现功能视频