# 小程序常用功能库 **Repository Path**: hlts/applet_common_libraries ## Basic Information - **Project Name**: 小程序常用功能库 - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-03-12 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 小程序常用功能封装 #### 介绍 整理小程序一些常用功能,便于以后开发 ### 一、网络请求 ```js //----------第一步:在httpConfig中,配置网络请求的接口地址 const baseUrl = 'http://127.0.0.1:8080/wechart/' const urls = { //小程序登录,获取openid login: baseUrl + 'login/wxLogin', //小程序添加用户,并获取用户信息 addUser: baseUrl + 'user/checkUser', //----------其余地方不用修改,在这里按如上格式,添加接口地址即可 } module.exports = { urls: urls } //----------第二步:在js文件中的Page({})上边,添加以下两行代码,引入网络请求工具类 //网络请求工具类 import http from '../../utils/http.js'; //网络请求url import urls from '../../utils/httpCongit.js'; Page({ }) //----------第三步:在需要进行网络请求的方法中,使用如下代码 wx.showLoading({ //网络加载对话框 }) var data = { //----------如果有需要传入的参数,在该对象中设置传入参数 } http.http(urls.urls.login, data, (res) => { //TODO 请求结果处理 }) ``` ### 二、单位换算 ```js //----------第一步:引入app,用来调用app.js中的方法 const app = getApp() //----------第二步:调用rpxToPx()方法 Page({ onLoad: function (options) { //传入需要转换的rpx单位数值 app.rpxToPx(200) }, }) ``` ### 三、用户授权获取用户信息 ```js //----------第一步:修改小程序首页路径 const app = getApp() Page({ data: { }, // 授权登录方法 getUserInfo(e) { app.globalData.userInfo = e.detail.userInfo; //返回首页 wx.reLaunch({ //----------这里更换成你小程序的首页的路径即可 url: '../index/index', }) } }) ``` ### 四、小程序强制更新 ```js //----------无需任何操作,已集成完毕,并且在app.js的onLaunch()方法中调用,直接使用即可git App({ onLaunch: function() { //----------检查更新 this.update() }, //小程序更新 update(){ if (wx.canIUse('getUpdateManager')) { const updateManager = wx.getUpdateManager() updateManager.onCheckForUpdate(function (res) { // 请求完新版本信息的回调 if (res.hasUpdate) { updateManager.onUpdateReady(function () { wx.showModal({ title: '更新提示', content: '新版本已经准备好,是否重启应用?', success: function (res) { if (res.confirm) { // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启 updateManager.applyUpdate() } } }) }) updateManager.onUpdateFailed(function () { // 新的版本下载失败 wx.showModal({ title: '已经有新版本了哟~', content: '新版本已经上线啦~,请您删除当前小程序,重新搜索打开哟~', }) }) }else{ console.log("没有更新") } }) } else { // 如果希望用户在最新版本的客户端上体验您的小程序,可以这样子提示 wx.showModal({ title: '提示', content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。' }) } } }) ``` ### 五、用户授权 ```js //----------第一步:获取小程序实例 const app = getApp() //----------第二步:在需要授权的地方,调用authotrize()方法,进行授权 Page({ data: { }, onShow: function () { //参数1:需要授权的权限名称 //参数2:拒绝授权时,向用户在此申请授权的文字说明 //参数3:回调方法 app.authorize('scope.userLocation','定位功能未授权,无法按距离进行店铺排序',()=>{ console.log("授权成功") }) }, }) ```