主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
线索:
小程序是无需下载和安装即可使用的应用程序。它实现了“触手可及”的梦想,用户可以通过扫描或搜索打开应用程序。它还体现了“用后即跑”的理念,用户不必在意是否安装了太多应用程序。应用程序将随处可见,随时可用,但没有必要安装或卸载它们。
(学习视频分享:编程入门)
那么如何在小程序中生成小程序代码呢?虽然目前小程序可以在朋友圈分享,但无论是直接分享给朋友、分享为图片,还是作为线下扫码的入口,小程序的传播都是引流的重要入口。
示例效果:
具体实施:
小程序端代码,在视图元素上绑定事件。
& ltview bindtap = & quotonViewTap & quot& gt小程序代码
page({ data:{ },//绑定click事件函数onViewTap(){ this . create QR code();//调用生成applet},//生成applet create QR code(){ this . show loading();Wx.cloud。call function({//请求云函数//云函数getqr codename:&;#39;getQrCode & amp#39;, }) .然后((RES)= & gt;{ console . log(RES);const fileId = res.resultwx . preview image({//applet,生成后直接预览,URL:【fileId】,current: fileId,});this . hide loading();});},Toast生成中的show loading(){ wx。show loading({ title:&;#39;发生...&;#39;,图标:& amp#39;无与。#39;, });},hide loading(){ wx . hide loading();},});小程序端只有几行代码。
云功能端实现代码
在cloudFunctions文件夹中创建getQrCode云函数将默认创建三个文件,即config.json、index.js和package.json。
config.json在哪里
{ & quot权限& quot:{ & quotopenapi":【& quotwx code . get unlimited & quot;】}}以上是使用wx code . get unlimited生成小程序代码的配置,这个配置是固定的。
以及index.js中的以下代码
//云函数入口文件const cloud = require(&;#39;wx-server -SDK & amp;#39;);cloud . init();//云函数入口函数exports . main = async(event,context)=》{ const wx context = cloud . getwx context();//获取上下文const result = await cloud . open API . wx code . Get unlimited({//调用生成小程序代码的接口,携带一些参数,如:scene scene: wxContext。OPENID,});//console . log(result)const upload = await cloud . upload file({//生成的小程序代码上传到云存储:&;#39;二维码/& amp;#39;+date . now()+& amp;#39;-& amp;#39;+math . random()+& amp;#39;。巴布亚新几内亚& amp#39;,//生成的小程序代码存储在云存储中,路径为fileContent: result.buffer,});返回upload.fileID//返回文件的fileID,就是图片};生成小程序代码可以通过上面几行简单的云函数代码来实现,主要使用接口wx code . get unlimited。
获取小程序代码,适用于需要大量代码的业务场景。通过该接口生成的小程序代码永久有效,数量暂时不限。
相关文件
wx code . get unlimited小程序生成界面文档。
Cloud.uploadFile文件本地资源上传到云存储。
标签
在小程序中生成小程序代码有两种方式,一种是https调用,另一种是云调用。在本文中,云调用是最简单的,它消除了获取access_token和身份验证的需要。
启动云功能,请求在小程序端生成小程序代码。云函数端通过云调用根据wxcode.getUnlimited接口生成小程序代码,然后上传到云存储中,并在云存储中返回图片的fileID。在小程序端,它可以获得云函数端返回的fileID,并根据该fileID显示小程序代码。
相关推荐:小程序开发教程
这几篇文章你可能也喜欢:
本文由主机参考刊发,转载请注明:如何在applet中生成applet代码(applet生成applet代码) https://zhujicankao.com/115528.html
评论前必须登录!
注册