美文网首页
小程序入门学习14--用户管理

小程序入门学习14--用户管理

作者: 阿墨呦 | 来源:发表于2020-02-19 15:23 被阅读0次
    <button class="call" 
    open-type="getUserInfo"
    bindgetuserinfo="onInfo">获取用户信息</button>
    <button class="call" bindtap="getQR">生成二维码</button>
    <!-- 有图片显示,无图片不显示 -->
    <image wx:if="{{qr}}" src="{{qr}}" style="width:750rpx;height:750rpx;"></image>
    
    <button class="call" bindtap="getCode">生成小程序码</button>
    <image wx:if="{{qrj}}" src="{{qrj}}" style="width:750rpx;height:750rpx;"></image>
    
    Page({
      //获取用户信息
      onInfo:function(event){
        console.log(event.detail.userInfo)
      },
      //生成小程序码
      getQR:function(){
        wx.cloud.callFunction({
          name:'normalQr'
        }).then(res=>{
          //云端路径传入页面
          this.setData({
            qr:res.result.fileID
          })
          
        })
      }
    })
    

    2 生成二维码

    1)终端输入:npm install wx-js-utils
    对应网站
    (不能下载,可能是进不去github,要修改hosts进入方法

    在这里插入图片描述
    const {
      WXMINIUser,
      WXMINIQR
    } = require('wx-js-utils');
    
    const appId = ''; // 小程序 appId,小程序码没有生成,可能是这里多了空格
    const secret = ''; // 小程序 secret
    const cloud = require('wx-server-sdk')
    
    cloud.init()
    
    // 云函数入口函数
    exports.main = async (event, context) => {
      // 获取小程序码,A接口
      let wXMINIUser = new WXMINIUser({
        appId,
        secret
      });
    
      // 一般需要先获取 access_token
      let access_token = await wXMINIUser.getAccessToken();
      let wXMINIQR = new WXMINIQR();
      // 获取小程序二维码
      let qrResult = await wXMINIQR.getQR({
        access_token,
        path: 'pages/info/info'
      });
      //上传小程序二维码到云端:normalQr.png
      return await cloud.uploadFile({
        cloudPath:'normalQr.png',
        fileContent:qrResult
      })
    } 
    

    3 生成小程序码

    1)npm install wx-js-utils
    2)如果不生成图片,还不报错,那就仔细看看云函数哪里错了

    //从wx-js-utils引入文件WXMINIUser和WXMINIQR
    const { WXMINIUser, WXMINIQR } = require('wx-js-utils');
    
    const appId = ''; // 小程序 appId
    const secret = '; // 小程序 secret
    // 云函数入口文件
    const cloud = require('wx-server-sdk')
    cloud.init()
    
    // 云函数入口函数
    exports.main = async (event, context) => {
      //初始化
      let wXMINIUser = new WXMINIUser({
        appId,secret
      });
      //获得AccessToken
      let access_token = await wXMINIUser.getAccessToken();
      let wXMINIQR = new WXMINIQR();
      
      //获取小程序码
      let qrResult = await wXMINIQR.getMiniQRLimit({
        access_token,
        path: 'pages/info/info'
      });
      return await cloud.uploadFile({
        cloudPath: 'qr.jpg',
        fileContent: qrResult
      })
    }
    

    领取限量云产品优惠

    相关文章

      网友评论

          本文标题:小程序入门学习14--用户管理

          本文链接:https://www.haomeiwen.com/subject/zfuafhtx.html