微信小程序开发常用功能汇总（微信小程序开发常用功能汇总分析）

这篇文章给大家带来了一些关于微信小程序的知识，主要介绍了微信小程序开发的常用功能。本文通过示例代码给大家做了非常详细的介绍，对大家的学习或工作有一定的参考价值，希望对大家有所帮助。

【相关学习推荐:小程序学习教程】

获取用户信息调用wx.getUserProfile方法获取基本用户信息。该页面只能在click事件发生后调用（例如，在button上bindtap的回调中），每次发出请求时都会弹出一个授权窗口，用户同意后将返回userInfo。

具体参数如下:

必须解释属性类型的默认值。langstringen显示用户信息的语言。descstring是获取用户个人信息后的目的，不超过30个字符。成功函数无回调函数用于成功的接口调用失败函数无回调函数用于失败的接口调用完成函数无回调函数用于接口调用结束（成功和失败的调用都将执行）示例代码。

wx . get user profile（{ desc:& # 39；用于完善用户的基本信息& # 39；，//声明获取用户个人信息的目的，不超过30个字符。success:（RES）=》{ console . log（RES . userinfo））；}}）来获取返回值。

{“昵称“:“秋子“，//微信昵称“性别“:0，“语言“:“zh _ cn“，“城市“:““:““省“:““““，“国家“:“:““《阿凡达》URL“:“https://third wx . qlog . cn/MMO pen/VI _ 32/qrsyvbdbbhunywgp 5 ht 4 MHT 8 hvnzhmlibd 8 pfyo 4 gupj5w/132“//avatar }获取手机号码。目前该接口面向非个人开发者，认证小程序开放（不含海外主体）。它需要谨慎使用。如果用户举报较多或被发现用于不必要的场景，微信有权永久收回小程序的接口权限。

施用方式

您需要将按钮组件open-type的值设置为getPhoneNumber。当用户点击并同意后，您可以通过bindgetphonenumber事件回调获得动态令牌代码，然后将代码传递给开发者后台，并在开发者后台调用微信后台提供的phonenumber.getPhoneNumber接口来消费代码以换取用户的手机号码。每个代码的有效期为5分钟，并且只能消费一次。

注意:getPhoneNumber返回的代码与wx.login返回的代码不同，不能混用。

代码示例

page（{ get phone number（e）{ console . log（e . detail . code）} }）返回参数描述。

参数类型描述codeString动态令牌的最低版本。动态令牌可以兑换用户的手机号码。使用方法details phone number . get phone number接口，然后通过代码交换用户的手机号码。每个密码只能使用一次，密码有效期为5分钟。

调用以下接口

https://api.weixin.qq.com/wxa/business/getuserphonenumber?后访问令牌=访问令牌请求参数。

属性类型的默认值必须指明access _ token/cloudbase _ access _ token为接口调用凭证，codestring为手机号获取凭证返回的JSON数据包。

属性类型描述errcodenumber错误代码errmsgstring错误消息phone_infoObject用户的手机号码信息返回结果示例

{“errcode“:0，“errmsg“:“ok“，“phone _ info“:{“phone number“:“XXXXXX“，“pure phone number“:“XXXXXX“，“国家代码“:86，“watermark“:{“timestamp“:1637744274，“appid“:“xxxx“} }实现微信支付。

唤起微信支付的核心方法调用wx.requestPayment方法，该方法的具体参数如下。

属性类型的默认值必须指示timeStampstring是一个时间戳，并且是自1970年1月1日00:00:00以来的秒数，即当前时间nonceStrstring是一个长度小于32个字符的随机字符串。packagestring是统一订购接口返回的prepay_id _ ID参数值。提交格式如:prepay _ ID = * * signtypestringmd5仅适用于v2接口，在后台下单时应与该值保持一致。HMAC-SHA256只适用于v2接口，RSA只适用于v3接口，paySignstring是一个签名。详见微信支付单据成功函数无回调函数失败函数无回调函数失败接口调用完成函数无回调函数结束接口调用（成功和失败的调用都将执行）/* * *微信支付方式* @param {string} oderId订单id * @param {string}订单总金额* @param {stromg} openId登录openId */函数weixinpayfun（data）{ wx . show loading（{ mask:true }）。const http = new http（）return new promise（（resolve，reject）=》{//请求支付接口http . post（` $ { env . fayongapi }/app/shopping/order/pay `，Data）。然后（RES =》{//获取支付签名信息let payInfo = res.data //调用微信支付wx . request payment（{“timestamp“:payInfo . timestamp+& # 39；'，“non centr”:payinfo . non centr，“package”:payinfo . package，“sign type“:“RSA“，“paySign“:payinfo . paySign，“success“:function（RES）{ console . log（RES，& # 39；成功& # 39；);//支付成功解析（RES）}、“失败”:函数（err）{//支付失败被拒绝（err）}、“完成”:函数（RES）{ wx。hiding（）} }）}添加共享函数向要共享的页面添加onShareAppMessage事件函数。该事件处理程序需要返回一个对象来自定义转发内容。只有当定义了该事件处理程序时，右上角菜单才会显示“前进”按钮。

onShareAppMessage方法的具体参数如下

字段描述默认值最低版本标题转发标题当前小程序名称路径转发路径当前页面路径必须是以/imageUrl自定义图像路径开头的完整路径，可以是本地文件路径、代码包文件路径或网络图像路径。支持巴布亚新几内亚和JPG。显示图片的长宽比为5:4。使用默认截图1.5.0promise .如果该参数存在，以resolve的结果为准。如果三秒钟内没有解决，共享将使用上面传入的默认参数2.12.0进行静态共享。

示例代码

page（{//share onshareappmessage（）{ return { title:“爱健康“，//共享标题路径:“pages/newhome/index“，//共享地址路径}}）添加完成后，点击右上角的胶囊按钮，共享图标就会亮起。

带参数的共享上面的共享没有参数。我们可以直接在路径中动态添加参数。共享后，当用户点击时，它将触发onLoad函数以获取路径中的参数值。

//Share onshareappmessage（）{ const that = this；return { title:that . data . goodinfo . goodname，//动态获取商品名称路径:“pages/component/order particles/order particles？ID =“+that . data . product ID，//动态传输当前产品ID imageurl:that . data . background。

全局共享此外，我们还可以添加全局共享功能。

首先，我们需要为每个页面添加onShareAppMessage函数。函数体的内容可以为空。如果函数体的内容为空，我们将使用app.js中定义的默认共享方法，如果函数返回一个对象，我们将使用我们的自定义共享函数。

将以下代码添加到需要共享的页面中。

page（{/* * *用户点击右上角分享*/onshareappmessage:function（）{//函数体内容为空}}）然后在app.js中添加重写分享方法

//覆盖共享方法overShare:function（）{//间接实现共享内容的全局设置wx . on approute（function（）{//获取加载的页面let pages = getCurrentPages（），//获取当前页面的对象view = pages。

获取用户的送货地址

获取用户的送货地址。调用用户的本地界面编辑送货地址，编辑后返回用户选择的地址。

wx . choose address（{ success（RES）{ console . log（RES . username）console . log（RES . postal code）console . log（RES . province name）console . log（RES . city name）console . log（RES . county name）console . log（RES . detail info）console . log（RES . national code 6

属性类型描述userNamestring收货人姓名邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码邮政编码

调用方法:wx . preview image（Object对象）

全屏在新页面中预览图片。在预览的过程中，用户可以保存图片并将其发送给朋友。

属性类型的默认值必须指示urlsArray的最低版本。这是一个需要预览的图片链接列表。2.2.3支持云文件ID。是否显示长按菜单。支持识别的代码:小程序代码仅限小程序支持的代码:微信个人代码、微信群代码、企业微信个人代码、企业微信群代码和企业微信互通群代码；2 . 13 . 0 CurrentStringURLs的第一张图片不是当前显示的图片refererpolicystringno -referer no origin的链接:发送完整的referrerNO-推荐人:不要发送。格式固定为https://servicechat.com/{appid}/{version}/page-frame.html,其中{appid}是小程序的appid，{version}是小程序的版本号，版本号0表示开发版、体验版和审计版，版本号devtools表示开发者工具，其余为官方版本；2 . 13 . 0成功函数接口成功调用的回调函数失败函数接口失败的无回调函数完成函数接口调用的无回调函数结束（成功和失败的调用都将执行）示例代码。

wx . preview image（{ current:& # 39；'，//当前显示图片的http链接URL:

取消顶部的默认导航栏，找到页面的json文件，并添加“navigation style”:“custom”以删除默认导航栏。

{“使用组件“:{}，“导航样式“:“自定义“}添加自定义样式后，可以实现以下效果。

【相关学习推荐:小程序学习教程】

以上就是微信小程序开发常用功能的详细总结。更多资讯请关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 微信小程序翻译功能上线：现已支持18种语言
• 如何使用微信小程序中的车牌号输入法（如何使用微信小程序中的车牌号输入法进行打印）
• 微信小程序无法获取位置信息怎么办？（微信小程序无法获取位置信息）
• 微信小程序如何实现九宫格跳（如何在小程序中配置九宫格抽奖）
• 如何调节微信小程序的亮度？

本文由主机参考刊发，转载请注明：微信小程序开发常用功能汇总（微信小程序开发常用功能汇总分析） https://zhujicankao.com/100814.html