WeChat Mini 프로그램 개발의 기초 - app.js (3)

WeChat Mini 프로그램 개발 튜토리얼(기본) 1-WeChat Mini 프로그램 첫 소개
WeChat Mini 프로그램 개발 튜토리얼(기본) 2-WeChat Mini 프로그램 구조 개요

이전 튜토리얼에서 작성 예 , 개발 도구는 프로그램의 기본 프로세스 코드가 app.js에 포함되는 기본 프로그램 프레임워크를 생성합니다. 기본 구현에서 함수의 이 부분은 상대적으로 간단하지만 소규모 프로그램 개발을 학습하고 연구하는 데 여전히 유용합니다.

코드 줄이 많지 않기 때문에 한꺼번에 게시하고 아래에서 설명하겠습니다

//app.js
App({
  onLaunch: function () {
    //调用API从本地缓存中获取数据
    var logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)
  },
  getUserInfo:function(cb){
    var that = this
    if(this.globalData.userInfo){
      typeof cb == "function" && cb(this.globalData.userInfo)
    }else{
      //调用登录接口
      wx.login({
        success: function () {
          wx.getUserInfo({
            success: function (res) {
              that.globalData.userInfo = res.userInfo
              typeof cb == "function" && cb(that.globalData.userInfo)
            }
          })
        }
      })
    }
  },
  globalData:{
    userInfo:null
  }
})

코드는 onLaunch 및 getUserInfo라는 두 가지 메소드와 globalData를 포함하는 App 객체를 정의합니다. 멤버 변수
onLaunch 메서드는 프로그램이 시작될 때 프레임워크에 의해 호출됩니다. 이 방법에서 프로그램은 WeChat에서 제공하는 로컬 저장소 인터페이스를 통해 로그 변수를 가져옵니다. 처음 가져오면 비어 있는 배열로 초기화됩니다. 그런 다음 배열 헤드에 형식화된 시간 문자열을 추가하고 배열 변수를 로컬로 저장합니다.

WeChat 애플릿 프레임워크는 로컬 데이터를 저장하는 데 도움이 되는 일련의 API를 제공합니다. 위 코드는 wx.getStorageSync 및 wx.setStorageSync라는 두 가지 API를 사용합니다.

getUserInfo 메소드는 이해하기 쉽고 사용자 정보를 얻는 기능을 수행합니다. 그러나 이 메서드는 onLaunch와 다릅니다. 프레임워크에서 미리 설정한 함수가 아니므로 자동으로 호출이 실행되지 않습니다. 이 메소드는 index.js의 onload 메소드에서 호출됩니다(index.js 부분은 후속 튜토리얼에서 설명됩니다). 이 메서드는 호출자가 cb라는 매개 변수를 전달해야 합니다. 먼저 사용자 정보를 얻었는지 확인하고 cb가 함수인 경우 cb 함수가 호출되고 globalData 멤버 변수가 전달됩니다. 그렇지 않으면 wx.login 인터페이스가 호출되어 사용자 정보를 얻습니다.

js에 익숙하지 않거나 스크립팅 언어에 대한 노출이 거의 없는 학생들은 위 코드의 구문에 함수 콜백, 익명 함수, 클로저 등과 같은 개념이 포함되어 있어 혼란스러울 수 있습니다. . 앞으로는 이에 대해 중점적으로 다루겠습니다. 각 부분마다 별도의 튜토리얼을 작성하세요.

코드는 마지막으로 사용자 정보를 저장하는 userInfo 변수가 포함된 globalData 멤버 변수를 정의합니다.

위 내용은 WeChat Mini 프로그램 개발의 기초 - app.js (3)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!