uni-app && 微信小程序启动云函数模式
2021/8/14 17:05:54
本文主要是介绍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 && 微信小程序启动云函数模式的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-03-30微信小程序的网络设置,及网络请求:wx.request(OBJECT)
- 2024-01-22基于taro搭建小程序多项目框架
- 2024-01-13小程序开发:在插件市场寻找步骤条组件并二开
- 2024-01-05钉钉小程序生态—企业机器人加互动卡片,改善用户体验的开始!
- 2023-12-29【UniApp】-uni-app-打包成小程序
- 2023-12-26性能翻倍!京东亿级体量小程序优化实践
- 2023-12-25小程序优化:第三方SDK过大解决方案
- 2023-11-26微信小程序文件预览和下载-文件系统
- 2023-11-2652天学习微信小程序计划No.2:注册小程序账号&安装开发者工具
- 2023-11-1952天学习微信小程序计划No.1:小程序简介