aiwendnagphonenumber.getPhoneNumber | 微信开放文档获取手机号方法

云调用 | 微信开放文档云调用教程文档

该博客只提供配置流程不解释细节其实我也不太明白

如果要使用云函数必须满足一下条件

一。文件创建

1. 在项目根目录中创建一个文件用于存放云函数文件（我这里创建了一个 functions 文件夹）

2.在 functions 文件夹下创建你要实现功能的名称作为文件夹名称（功能名称随你定）我这里是要获取用户手机号就叫 getPhone

3.然后在getPhone 文件下创建三个文件（`config.json`、`index.js`和`package.json`）

config.json 文件（该文件是用于 配置云调用权限，每个云函数需要声明其会使用到的接口，否则无法调用）

{"permissions": {"openapi": ["phonenumber.getPhoneNumberk" // 使用到的 云函数接口名]}
}

微信文档介绍

index.js 文件（该文件是用于调用微信云函数接口代码书写）如果你想一个接口获取到其他信息你也可以在该函数中调用更多方法当然你在项目中调用该函数时就得传递其对应的参数

如果不想麻烦也可以一种功能写一个云函数只要你云服务器内存够用感觉企业开发这样比较方便注册好各种功能函数页面仔直接调用

// 云函数入口文件
const cloud = require('wx-server-sdk')cloud.init({env:cloud.DYNAMIC_CURRENT_ENV
})// 云函数入口函数
exports.main = async (event, context) => {let code = event.code   //接受参数try {const result = await cloud.openapi.phonenumber.getPhoneNumber({  //调用获取手机号方法code})return result //返回结果} catch (err) {throw err}
}

package.json （依赖文件目录） wx-server-sdk 已经添加到依赖文件中

{"name": "test","version": "1.0.0","description": "","main": "index.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1"},"author": "","license": "ISC","dependencies": {"wx-server-sdk": "~2.6.3"}
}

3.在根目录中创建vue.config.js文件

文件内容

我在 1.操作中的文件名称为 functions 所以下列代码路径文件请按照自己的情况更改

const path = require('path')
const CopyWebpackPlugin = require('copy-webpack-plugin')module.exports = {configureWebpack: {plugins: [new CopyWebpackPlugin([{from: path.join(__dirname, 'functions'),to: path.join(__dirname, 'unpackage/dist', process.env.NODE_ENV === 'production' ? 'build' : 'dev', process.env.UNI_PLATFORM, 'functions')}])]}
}

二。编译环境配置

1.在项目中安装依赖

npm install copy-webpack-plugin@5.0.3 -s

2.在我们创建的 functions文件下找到我们创建的 getPhone文件右键点击外部命令窗口

在窗口中输入 npm install 创建 node_modules 等依赖文件建

3.打开根目录的 manifest.json 文件点击源码视图找到 mp-weixin

"cloudfunctionRoot": "./functions/",

三。上传

将项目运行到微信小程序开发工具上

打开后找到 project.config.json文件就证明没有什么问题了

上传文件找到我们要是用的云函数 getPhone 右键点击选择上传方式

我个人对这个上传的理解是

上传所有文件调用时云服务器就不需要再去加载依赖

不上传所有文件云服务器可能就需要去再引入依赖

具体看个人

上传完成后查看环境是否正确

调用

调用前先查看云函数是否部署成功

html部分微信规定必须使用该类型的 button 标签来获取code

     <button  type="primary" class='btn' open-type="getPhoneNumber"@getphonenumber="getPhoneNumber">使用手机号登录</button>

js部分

 methods:{async getPhoneNumber (e) {wx.cloud.init() //初始化wx.cloud.callFunction({  //调用云服务name: "getPhone",    //云函数名称data: {code: e.detail.code,  //云函数需要的参数},}).then(res => {console.log('成功',res)console.log('手机号',res.result.phoneInfo.phoneNumber)}).catch(err => {console.log('失败',res)})},

最后就是这个云服务是要收费的不可能便宜你的但是有免费使用额度

根据自己需要来选择吧

uni-app 配置以及使用微信云函数相关推荐

微信云函数的使用步骤
微信云函数的使用步骤 1.先新建一个云函数 2.打开新建的云函数的js文件,在cloud.init()下面连接数据库 cloud.init() const db =cloud.database()// ...
cocos微信小游戏开发-http请求-使用微信云函数-toast-loading-动态加载图片-添加触摸事件-微信分享-label点击事件-背景音乐音效-程序活动状态判断-性能优化
cocos开发微信小游戏相关-<益智推箱> 扫码查看功能,有需要可直接提问 Cocos Creator 3.4 用户手册 cocos creator基本操作微信开发文档|云函数 1. h ...
uni app和php开发微信登录代码,uniapp如何实现微信授权登录
uniapp实现微信授权登录的方法:首先获取对应的appid和appsecret:然后在uniapp项目的manifest.json中进行APP SDK配置和模块权限配置.最后实现编码. 本教程操作环 ...
uniapp云开发云函数获取微信openid
产品类型:目前只有微信小程序. 目标:授权登录,建立用户体系. 框架:uniapp+云开发+云函数. 方案一:通过官方提供的 univerify 插件官方文档:uni一键登录 - uni-app官网 ...
云开发（微信-小程序）笔记（五）----云函数，就这（上）
云开发(微信-小程序)笔记(四)---- 还有吗?再来点云函数云函数即在云端(服务器端)运行的函数.在物理设计上,一个云函数可由多个文件组成,占用一定量的 CPU 内存等计算资源:各云函数完全独立 ...
微信小程序网悦新闻开发--云函数以及云数据开发（七）
目录微信小程序网悦新闻开发--功能介绍(一) 微信小程序网悦新闻开发--小程序配置(二) 微信小程序网悦新闻开发--首页模块开发(三) 微信小程序网悦新闻开发--视频模块开发(四) 微信小程序网悦新 ...
微信小程序如何实现支付功能？看官方文档头疼（使用云函数的方式操作）
先来个效果图 ^_^ 微信支付功能,个人公众号是没有办法进行开发支付功能的,需要是使用非个人公众号进行注册(如:营业执照等,可以去淘宝购买一个也行大概500左右) 公众平台的配置可以参考文档,这里 ...
记一次微信小程序云函数操作Mysql数据库
一.前因在制作课程设计的时候需简单地操作Mysql数据库使得小程序可以与其他端系统进行数据交互这时候问题来了,仅仅只是因为一个插入表的数据库操作就单独制作一个Servlet看似又有点浪费服务器资源 ...
uni app 开发微信小程序及上线体验
uni app 开发微信小程序及上线体验项目创建及微信小程序AppId的申请本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...

uni-app 配置以及使用微信云函数

该博客只提供配置流程不解释细节其实我也不太明白

一。文件创建

1. 在项目根目录中创建一个文件用于存放云函数文件（我这里创建了一个 functions 文件夹）

2.在 functions 文件夹下创建你要实现功能的名称作为文件夹名称（功能名称随你定）我这里是要获取用户手机号就叫 getPhone

3.然后在getPhone 文件下创建三个文件（`config.json`、`index.js`和`package.json`）

二。编译环境配置

三。上传

uni-app 配置以及使用微信云函数相关推荐

最新文章

热门文章

uni-app 配置 以及 使用微信云函数

该博客只提供配置流程 不解释细节 其实我也不太明白

一。文件创建

1. 在项目根目录中创建一个文件 用于存放 云函数文件（我这里创建了一个 functions 文件夹）

2.在 functions 文件夹下创建你 要实现功能的名称 作为文件夹名称（功能名称随你定） 我这里是要获取用户手机号 就叫 getPhone

3.然后在getPhone 文件下创建 三个文件（config.json、index.js和package.json）

二。编译环境 配置

三。上传

uni-app 配置 以及 使用微信云函数相关推荐

最新文章

热门文章

uni-app 配置以及使用微信云函数

该博客只提供配置流程不解释细节其实我也不太明白

1. 在项目根目录中创建一个文件用于存放云函数文件（我这里创建了一个 functions 文件夹）

2.在 functions 文件夹下创建你要实现功能的名称作为文件夹名称（功能名称随你定）我这里是要获取用户手机号就叫 getPhone

3.然后在getPhone 文件下创建三个文件（`config.json`、`index.js`和`package.json`）

二。编译环境配置

uni-app 配置以及使用微信云函数相关推荐