小程序app.js

最新推荐文章于 2025-01-06 17:52:05 发布
原创 最新推荐文章于 2025-01-06 17:52:05 发布 · 239 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了小程序中用户登录流程及用户信息更新的方法。包括登录接口调用、用户信息获取与存储、用户权限刷新及手机号获取等关键步骤。 
//app.js
var webim = require('utils/webim_wx.js');
var webimhandler = require('utils/webim_handler.js');
const finalUrl = 'http://localhost:8387/wizardlisa';
App({
  onLaunch: function (opion) {
    var that = this
    // //设置下方tabbar
    // wx.setTabBarItem({
    //   index: 1,
    //   text: that.globalData.companyProfile,
    // })
    //用户初始化进来方式
    that.globalData.source = opion.scene
  },
  //用户登陆================================================================================================================
  userLogin: function () {
    //公共链接
    var that = this;
    return new Promise(function (resolve, reject) {
      // 调用登录接口
      wx.login({
        success: function (res) {
          that.globalData.hasLogin = true//判断是否登录
          if (res.code) {
            //获取用户信息
            wx.request({
              url: finalUrl + '/mpLogin/decodeUser',
              data: {
                code: res.code,
                source: that.globalData.source,
                sourceChannelFlag: that.globalData.sourceChannelFlag,
                wxCompanyId: that.globalData.wxCompanyId,
                wxCompanySalesId: that.globalData.wxCompanySalesId,
              },
              method: 'POST',
              header: { 'content-Type': 'application/json' },
              success: function (res1) {
                wx.setStorageSync('openid', res1.data.validateMap.openid)//存放用户微信唯一字段
                wx.setStorageSync('api_key', res1.data.validateMap.apiKey)//存放用户微信唯一字段
                wx.setStorageSync('sys_source', res1.data.validateMap.sysSource)//存放用户微信唯一字段
                wx.setStorageSync('sessionkey', res1.data.validateMap.sessionkey)//存放用户微信唯一字段
                //判断当前用户是否为销售
                if (res1.data.validateMap.wxUserIdentityFlag == '2') {
                  that.globalData.wxUserIdentityFlag = true;
                  wx.setStorageSync('wxUserIdentityFlag', true);
                } else {
                  that.globalData.wxUserIdentityFlag = false;
                  wx.setStorageSync('wxUserIdentityFlag', false);
                }
                //销售身份赋值对应后台账户的用户等级
                if (res1.data.validateMap.splUserLevel && res1.data.validateMap.splUserLevel != 'null') {
                  that.globalData.splUserLevel = res1.data.validateMap.splUserLevel;
                }
                //判断当前小程序用户 是否绑定销售用户
                if (res1.data.validateMap.wxCompanySalesId && res1.data.validateMap.wxCompanySalesId != 'null') {
                  that.globalData.wxCompanySalesId = res1.data.validateMap.wxCompanySalesId
                } else {
                  that.globalData.wxCompanySalesId = "";
                }
                //当前小程序用户绑定的手机号
                if (res1.data.validateMap.phoneNum && res1.data.validateMap.phoneNum != "null") {
                  that.globalData.phoneNum = res1.data.validateMap.phoneNum;
                } else {
                  that.globalData.phoneNum = '';
                }
                //当前小程序公司 特殊箱子运价展示标识
                if (res1.data.validateMap.containerFclShowFlag && res1.data.validateMap.containerFclShowFlag!="null"){
                  that.globalData.containerFclShowFlag = res1.data.validateMap.containerFclShowFlag;
                }
                //当前小程序公司 是否公开使用小程序标识   1：内部使用   2：公开使用
                if (res1.data.validateMap.programJurisdictionFlag && res1.data.validateMap.programJurisdictionFlag != "null") {
                  that.globalData.programJurisdictionFlag = res1.data.validateMap.programJurisdictionFlag;
                }
                //当前用户的主键id 赋值
                that.globalData.userId = res1.data.validateMap.userId;
                //当前用户是否在 黑名单中 标识
                that.globalData.blacklistFlag = res1.data.validateMap.blacklistFlag;
                //腾讯云IM签名
                that.globalData.userSig = res1.data.validateMap.userSig;
                //腾讯云IMSDKID
                that.globalData.sdkappid = res1.data.validateMap.sdkappid;
                //腾讯云IM模式
                that.globalData.accountType = res1.data.validateMap.accountType;
                var res = { status: 200 }
                resolve(res);//登陆成功
              }
            })
          } else {
            var res = { status: 300 }
            reject(res);//登陆失败
          }
        }
      })
    });
  },


  //2018-07-12 新版本【同意授权】之后的更新用户信息通用方法 =============================================================================================
  newAuthorizeUpdateUserInfo: function (res) {
    var that = this;
    wx.setStorageSync('hasempower', false)
    that.globalData.userInfo = res.detail.userInfo
    that.globalData.hasUserInfo = true
    var data = {
      openid: wx.getStorageSync("openid"),
      nickname: res.detail.userInfo.nickName,
      headPic: res.detail.userInfo.avatarUrl,
      source: that.globalData.source,
      companyId: that.globalData.wxCompanyId,
    }
    //用户信息补录
    wx.request({
      url: finalUrl + '/mpLogin/updateUser',
      data: data,
      method: 'POST',
      header: {
        'content-Type': 'application/json',
        'Authorization': wx.getStorageSync('api_key'),
        'sys_source': wx.getStorageSync('sys_source'),
      },
      success: function (res2) {
        if (res2.data.code == 1) {
          wx.setStorageSync('api_key', res2.data.validateMap.apiKey)//存放用户微信唯一字段
          wx.setStorageSync('hasempower', false)//true的时候未获取头像  
        }
      }
    });
    //设置IM 用户用户昵称 头像
    webimhandler.setProfilePortrait({
      'ProfileItem': [{
        "Tag": "Tag_Profile_IM_Nick",
        "Value": res.detail.userInfo.nickName ? res.detail.userInfo.nickName : "游客"
      },
      {
        "Tag": "Tag_Profile_IM_Image",
        "Value": res.detail.userInfo.avatarUrl ? res.detail.userInfo.avatarUrl : ''
      }
      ]
    }, function () {
      console.log("==========小程序用户允许授权成功后，设置 IM 账户")
    })
  },

  //刷新用户权限  （vip权限 & 用户角色）  (目前同属新缓存 调用接口一样)
  refreshUserAuth: function () {
    //公共链接
    var that = this;
    return new Promise(function (resolve, reject) {
      wx.request({
        url: finalUrl + '/mpLogin/reFreshStorges',
        data: {},
        method: 'POST',
        header: {
          'content-Type': 'application/json',
          'Authorization': wx.getStorageSync('api_key'),
          'sys_source': wx.getStorageSync('sys_source'),
        },
        success: function (res) {
          if (res && res.data && res.data.apiKey) { //这里代表返回正常数据了
            //判断用户是否在黑名单中
            that.globalData.blacklistFlag = res.data.blacklistFlag ? res.data.blacklistFlag:2;
            //用户类型
            if (res.data.wxUserIdentityFlag == true) {//销售身份
              that.globalData.wxUserIdentityFlag = true;
              wx.setStorageSync('wxUserIdentityFlag', true);
            } else {
              that.globalData.wxUserIdentityFlag = false;
              wx.setStorageSync('wxUserIdentityFlag', false);
              wx.removeTabBarBadge({
                index: 3
              })
            }
            //销售身份赋值对应后台账户的用户等级
            if (res.data.splUserLevel && res.data.splUserLevel != 'null') {
              that.globalData.splUserLevel = res.data.splUserLevel;
            }
            //绑定的销售id
            that.globalData.wxCompanySalesId = res.data.wxCompanySalesId ? res.data.wxCompanySalesId:"";
            //修改缓存api_key
            wx.setStorageSync('api_key', res.data.apiKey) //存放用户微信唯一字段
            var res = { status: 200 }
            resolve(res);
          }else{
            var res = { status: 300 }
            reject(res);
          }
        }
      });
    });
  },
  //获取用户手机号  
  getbindphonenum: function (data) {
    //公共链接
    var that = this;
    return new Promise(function (resolve, reject) {
      wx.request({
        url: finalUrl + '/mpLogin/getBindPhoneNum',
        data: data,
        method: 'POST',
        header: {
          'content-Type': 'application/json',
          'Authorization': wx.getStorageSync('api_key'),
          'sys_source': wx.getStorageSync('sys_source'),
        },
        success: function (res) {
          console.log(res);
          console.log("=============================================111111111")
          if (res.data.phoneNum){//授权获取到手机号
            console.log("=============================================222222222")
            //当前用户是否在 黑名单中 标识
            that.globalData.blacklistFlag = res.data.blacklistFlag;
            console.log("=============================================333333333")
            //判断记录用户积分===========
            wx.request({
              url: finalUrl + '/mplogin/savepoints',
              data: {},
              method: 'POST',
              header: {
                'content-type': 'application/json',
                'Authorization': res.data.apiKey,
                'sys_source': wx.getStorageSync('sys_source'),
              },
            })
          }
          console.log("=============================================444444444")
          resolve(res);
          console.log("=============================================555555555")

        },
        fail: function (reserr){
          reject(reserr);
        }
      });
    });
  },


  globalData: {
    source: '',                //用户进入小程序方式（场景值）
    sourceChannelFlag:1,       //用户来源渠道 默认搜索小程序进入
    userId: '',                //当前登陆用户的后台主键Id
    userInfo: {},              //用户信息(这不是完整的用户信息，只是调微信接口赋值的用户信息)
    hasLogin: false,           //用户是否登陆标记
    hasUserInfo: false,        //是否有用户信息
    phoneNum: '',              //当前登陆用户绑定的手机号
    blacklistFlag:2,           //是否在黑名单中 1：是 2：否

    wxCompanySalesId: '',       //客户绑定公司的销售对应的id (这里主要针对 扫码，分享 中的salesId)
    wxUserIdentityFlag: false,  //当前微信用户身份标记 （是否为销售标记）
    splUserLevel: '-1',         //销售身份对应的后台账户用户等级    -1：小程序普通用户  0：BOSS 1:商务 2：销售

    wxCompanyId: 1,             //当前小程序所属公司
    containerFclShowFlag:0,     //当前小程序公司特殊箱子运价展示标识
    programJurisdictionFlag:2,  //1：内部使用 2：公开使用（默认值）

    startPortId: 2,             //全局默认的起始港
    startPortNameEn: 'QINGDAO', //全局默认的起始港英文名

    sdkappid: '',               // 填入创建腾讯云通讯应用获取到的 sdkappid
    accountType: '',            // 填入在帐号体系集成配置中获取到的 accountType
    userSig:"",                 //用户签名

                                // companyProfile: '一米阳光', //设置底层tabbar名称(公司简介)
    mpName: "一米阳光",           //小程序名称

  }
})

 

详细介绍微信小程序app.js
河西~石头
04-07 3685
详细介绍微信小程序的app.js的结构和使用方法
微信小程序app.js的onLaunch执行完之后再执行Page的onLoad & 小程序onLaunch和onLoad执行顺序
wocwin的博客
03-04 2738
微信小程序app.js的onLaunch执行完之后再执行Page的onLoad & 小程序onLaunch和onLoad执行顺序
小程序app.js文件
前端-黎姿
06-24 1180
//App函数是一个全局函数，用于创建应用程序对象 App({ // =全局数据对象（可以整个应用程序共享） globalData:{ … }, //======应用程序全局方法====== methid1(p1,p2){ ... }, methid1(p1,p2){ ... }, //======生命周期方法====== //应用程序启动时触发一次 onLaunch(){ ... }, //当应用程序进入前台显示状态时触发 onShow(){ ... }, //当应用程序进入后台状态时触发 onHi
app.js到底是干什么的？使用场景是什么？底层原理是什么？
长风破浪会有时的博客
01-06 1517
app.js是微信小程序的核心文件之一，它不仅控制着应用的生命周期，还提供了全局数据管理和公共方法的定义。
小程序接入腾讯IM一登录
weixin_41726565的博客
08-14 3505
登录 即时通信 IM 控制台获取到登录时需要的sdkAppID。 在小程序utils里创建webim_handler.js var webim = require('./webim_wx.js') //下载im的js，并引入 var selToID, currentMsgsArray, that; function login(callback) { getSig().then(res ...
微信小程序授权、组件化、集成IM实战记录
主营Android，副营Flutter、前端
04-09 2202
       最近参与了公司开发的一个微信小程序项目，也是第一次真正实战微信小程序。由于之前没有怎么专门学习 html 和 css，所以页面交互与显示就交给了公司前端工程师，我主要负责 js 逻辑开发。在这里简单总结一下开发中用到的知识，同时也记录一下“微信小程序集成腾讯云IM”，实现简单的文字聊天。之前写过一篇“微信小程序开发小结”，里面写了一些比较细节上...
怎么样对阿里云ECS主机进行绑定域名
m0_64313187的博客
11-22 3460
首先我有个阿里的 域名+虚拟云主机 搭建了一个wordpress 的网站 地址为： www.liuxun.name/wordpress (liuxun.name/wordpress) 现在我想把一个阿里云的ECS主机，里面装了tomcat, 希望以 www.java.liuxun.name:8080 (java.liuxun.name:8080 ) 访问tomcat服务器，如果tomcat webapps下部署了项目 xxx 遍可以 www.java.liuxun.name:8080/xxx ...
精选资源
2.微信小程序app.json 以及app.js使用配置_APP_微信小程序_
10-01
在微信小程序的开发过程中，`app.json` 和 `app.js` 是两个至关重要的核心配置文件，它们分别负责全局配置和应用程序逻辑控制。 `app.json` 文件是微信小程序的全局配置文件，它定义了小程序的整体结构和一些全局...
微信小程序app.js
05-07
微信小程序的app.js，封装了一些常用方法: 获取系统像素信息：get_systemInfo(), 返回上一页并赋值：back()， 检查session_key是否过期：checkSession()， 接口请求：request(), 微信支付：requestPayment(), 应用...
微信小程序 加载 app-service.js 错误解决方法
10-21
在微信小程序开发中，app-service.js是一个非常关键的文件。它主要用于存放小程序的全局变量和全局函数，可以方便地进行数据存储和数据共享。但是，在实际开发过程中，可能会遇到加载app-service.js文件出现错误的...
微信小程序接入腾讯云IM即时通讯（发送消息开发步骤）
qq_29789057的博客
08-12 1万+
微信小程序接入腾讯云IM即时通讯（聊天窗口） 1.效果图： - 2.功能点 ： 1.布局要分左右两边布局，如果是自己为发送消息方，都在右边，对方发送的消息在左边。 2.腾讯云返回的是时间戳，需要转换一下时间，腾讯云是没有返回头像的，需要单独获取并且设置自己跟对方的头像。 3.发送的消息分为自定义消息跟普通文本消息，带房源图片 跟价格和小...
微信小程序接入腾讯云IM即时通讯（获取聊天历史记录开发步骤）
qq_29789057的博客
08-12 1万+
微信小程序接入腾讯云IM即时通讯（获取聊天历史记录开发步骤） 1.先看文档： 获取 C2C 历史消息 ：https://cloud.tencent.com/document/product/269/1597#.E8.8E.B7.E5.8F.96-c2c-.E5.8E.86.E5.8F.B2.E6.B6.88.E6.81.AF ------------------- 拉取历史记录代码 //获取最...
微信小程序接入腾讯云IM即时通讯（一）
热门推荐
qq_29789057的博客
09-04 2万+
微信小程序接入腾讯云IM即时通讯（一） 第一节先上一波效果图，主要就是列表跟聊天窗口两个页面 1.会话列表页效果图 这里的会话列表页主比较简单：功能主要是未读消息那一块，有坑，后面会讲 2.聊天窗口效果图 消息分为文本消息与自定义消息，分开解析的 3.聊天窗口入口页面 这是另外一个进入聊天窗口的入口页面，底部的在线咨询按钮和弹窗的的在线咨询按钮均可以进...
一步一步打造WebIM(5)——将WebIM嵌入到页面中
doj4827的博客
05-27 254
在之前的文章中，已经开发了一个简单的WebIM，但是这个WebIM是在独立的页面中的，今天发布的WebIM是一个可以嵌入到自己网页中的版本，你只需添加少量的代码，就可以在页面中嵌入一个WebIM。不过目前这个WebIM的功能比较简单，如果大家有什么需求可以在评论中提出，或通过WebIM与我联系。以后可能还会将云翔在线软件平台中的网盘等在线应用集成进来。 源代码下载下载源代码后，按以下步...
HWS赛题 入门 MIPS Pwn-Mplogin(MIPS_shellcode)
一个啥也不会的小菜鸡！
10-10 690
libc版本：HWS赛题 入门 MIPS Pwn | Clang裁缝店 (xuanxuanblingbling.github.io)mips pwn入门指北 | waddle’s blog (mikokuma.github.io)异构 Pwn 之 Mips32 | 狼目安全 (lmboke.com)MIPS PWN 入门 – itewqq’s blogMIPS PWN学习 - 先知社区 (aliyun.com)
【小程序入门】App函数注册小程序实例
贤蛋大眼萌
10-01 2299
​ 可以在Object中定义全局App的数据。因为小程序是没有类似Vuex这样可以存储数据的容器的，所以我们可以把共享数据存在app.js 中，定义一些其他页面都可以访问的数据。data : {
小程序res.data获取不到data下面的值 （序列化问题）
hsuan_优快云的博客
04-17 1万+
当success(res)执行成功之后，能在控制台获取到res有哪些值。但是往下获取却没有值了 解决方案 转json就能解决啦！
win10安装Mathtype报错处理，找不到MPlugin.dll
u013925378的博客
02-18 9804
在Mathtype官方中文网下载mathtype后，双击exe文件进行安装，安装后会弹出如下错误： 由于找不到MPlugin.dll，无法继续执行代码。重新安装程序可能会解决此问题。 查看mathtype的安装目录，可以发现安装目录下有MPlugin.dll这个文件。 有两种解决方法： 1）将MPlugin.dll复制到系统路径下：C:\Windows\System32。【不...
微信小程序App.js应用
xigedd的博客
04-26 1711
微信小程序App.js应用 文章目录微信小程序App.js应用1、App.js内容2、判断用户以什么方式进入小程序3、获取用户信息4、设置全局变量 1、App.js内容 App.js写逻辑内容，内置有函数，有三大作用 1、判断用户以什么方式进入小程序 2、获取用户信息 3、定义全局数据 2、判断用户以什么方式进入小程序 查看options的scene值 场景值对应的方式 onShow: function (options) { console.log(options) } 3、获取用户
微信小程序app.js文件
最新发布
03-09
<think>好的，我现在要处理用户关于微信小程序app.js文件的使用说明和常见问题。首先，我需要整理用户提供的引用内容，确保回答准确。用户提到了四个引用，涉及App.js的注册方法、全局变量、调用其他页面方法以及数据同步的问题。 首先，根据引用[2]，App()必须在app.js中调用一次，这是基础，我需要强调这一点。然后，用户进入方式判断和用户信息获取，引用[1]提到了这些，应该详细说明如何实现。全局变量的设置和使用在引用[1]和[4]都有涉及，需要解释如何通过getApp().globalData来操作。 接着，调用其他页面方法的问题，引用[3]给出了一个例子，但需要提醒用户注意作用域的问题，可能存在的this指向错误，这时候可能需要使用箭头函数或者闭包，如引用[4]中的例子。数据同步方面，引用[4]提到了在app.js未完成云函数时如何设置回调，这部分需要详细说明，可能涉及异步处理和闭包的应用。 常见问题部分，用户可能遇到全局变量不同步，引用[4]中的解决方案可以在这里提到。生命周期函数的使用错误也是常见问题，引用[2]提到必须在app.js中正确注册。此外，调用其他页面方法时可能的作用域问题需要解释，如引用[3]和[4]中的方法。 最后，生成相关问题需要考虑用户可能进一步想了解的内容，比如如何优化全局变量，生命周期函数的更多细节，数据同步的其他方法，以及如何调试app.js的问题。需要确保问题覆盖用户可能遇到的各个方面，并引导他们深入阅读相关引用内容。</think>### 微信小程序 `app.js` 文件使用说明及常见问题 #### 一、`app.js` 核心功能 1. **注册小程序** 必须调用 `App(Object object)` 方法注册小程序，且仅在 `app.js` 中调用一次，否则会导致异常[^2]。示例： ```javascript App({ onLaunch() { console.log('小程序初始化完成'); }, globalData: { userInfo: null } }); ``` 2. **判断用户进入方式** 通过 `onLaunch` 或 `onShow` 生命周期函数的参数 `options` 可获取场景值（`scene`），用于判断用户通过扫码、分享链接等方式进入小程序[^1]。 示例： ```javascript onLaunch(options) { console.log('进入场景值:', options.scene); } ``` 3. **全局变量管理** 使用 `globalData` 定义全局变量，其他页面通过 `getApp().globalData` 访问。例如存储用户登录状态或配置信息[^1][^4]。 ```javascript // 设置全局变量 getApp().globalData.openid = '123456'; // 读取全局变量 const openid = getApp().globalData.openid; ``` 4. **跨页面方法调用** 可通过 `getApp()` 在 `app.js` 中定义公共方法，并在其他页面调用。注意作用域问题，建议使用箭头函数或闭包[^3]。 示例： ```javascript // app.js 定义方法 App({ commonMethod() { console.log('公共方法被调用'); } }); // 其他页面调用 getApp().commonMethod(); ``` --- #### 二、常见问题及解决方案 1. **全局变量不同步** - **问题**：页面中获取 `globalData` 时可能因异步操作未完成而得到空值。 - **解决**：使用回调函数或事件监听。示例： ```javascript // index.js const app = getApp(); if (!app.globalData.openid) { app.indexCallback = (data) => { this.setData({ id: data }); }; } // app.js（异步完成后调用） app.indexCallback(openid); ``` 引用[^4] 2. **生命周期函数未触发** - **问题**：`onLaunch` 或 `onShow` 未执行。 - **检查点**：确保 `App()` 调用正确且无语法错误，未在子页面重复注册。 3. **跨页面方法调用报错** - **问题**：`this` 指向错误导致方法无法调用。 - **解决**：在 `app.js` 中使用箭头函数或绑定作用域： ```javascript // app.js App({ methodName: () => { // 使用箭头函数保留 this 指向 this.doSomething(); } }); ``` 引用[^3] --- #### 三、最佳实践建议 1. **全局变量初始化** 在 `onLaunch` 中完成全局数据初始化（如用户登录、网络请求），避免页面直接依赖未准备好的数据。 2. **模块化拆分** 将公共逻辑（如网络请求、工具函数）封装到独立模块，通过 `require` 引入到 `app.js`。 3. **错误监控** 在 `onError` 生命周期中捕获全局错误并上报： ```javascript App({ onError(err) { console.error('全局错误:', err); // 上报错误到服务器 } }); ``` ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值