uni-app && 微信小程序启动云函数模式

本文主要是介绍uni-app && 微信小程序启动云函数模式，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

首先定义一个云函数目录

const path = require('path')
const CopyWebpackPlugin = require('copy-webpack-plugin')
module.exports = {
	// 配置路径别名
	configureWebpack: {
		devServer: {
			// 调试时允许内网穿透，让外网的人访问到本地调试的H5页面
			disableHostCheck: true
		},
		plugins: [
			new CopyWebpackPlugin([
					{
							from: path.join(__dirname, 'cloudfunctions'),
							to: path.join(__dirname, 'unpackage/dist', process.env.NODE_ENV === 'production' ? 'build' : 'dev', process.env.UNI_PLATFORM, 'cloudfunctions')
					}
			])
		]
	},
	//productionSourceMap: false,
}

　　再然后需要配置copy-webpack-plugin，这个是为了生成云函数文件夹，且不被uni-app编译
新建云函数，如获取手机号，注意package 的name一定要和文件夹一样，否者会无反应，如果需要其他openapi，则需要新建一个config.json，具体看官网https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/openapi/openapi.html#%E4%BA%91%E8%B0%83%E7%94%A8

然后就是云函数代码

// 云函数入口文件
const cloud = require('wx-server-sdk')

cloud.init()

// 云函数入口函数
exports.main = async (event, context) => {
  var moblie = event.weRunData.data.phoneNumber
  return {
    moblie
  }
}

 注意，在app.js 或app.vue 一定要先init，否则找不到云开发，env，云环境，最好配置一下

获取手机号就简单了

decryptPhoneNumber(e){
				let that = this
				if(e.detail.errMsg=="getPhoneNumber:fail user deny"){
					console.log('拒绝授权');  
				}else{      //允许授权  
					uni.showLoading({
						title: '获取中..'
					})
					wx.cloud.callFunction({
						name: 'getMobile',
						data: {
							weRunData: wx.cloud.CloudID(e.detail.cloudID),
						}
					}).then(res => {
							that.form.phone = res.result.moblie
							uni.hideLoading()
					}).catch(err => {
						console.error(err);
						uni.hideLoading()
					});
				}  
			},

　　就完事啦

这篇关于uni-app && 微信小程序启动云函数模式的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！