虽互不曾谋面,但希望能和您成为笔尖下的朋友

以读书,技术,生活为主,偶尔撒点鸡汤

不作,不敷衍,意在真诚吐露,用心分享

点击左上方,可关注本刊

标星公众号（ID：）

如果不知道如何操作

点击这里,标星不迷路

前言

小程序因其传播迅速、易于分享的特点，现已成为众多企业必备的工具。昔日人们询问“你有公众号吗”，如今则变成了“你有小程序吗”？这足以见得小程序的流行程度。

在小程序中，我们该如何创建小程序码呢？尽管小程序已经能够被分享至朋友圈，不过小程序码的传播途径，无论是直接发送给朋友，还是以图片形式进行分享，亦或是作为线下扫码的入口，都构成了引流的关键渠道。

实例效果

（点击长按识别扫码）

具体实现

小程序端代码,在view元素上绑定事件

小程序码

小程序端逻辑代码

Page({ data: {}, // 绑定的点击事件函数

>在小程序端就上面几行代码

云函数端实现代码

在cloudFunctions文件夹下创建getQrCode云函数,会默认创建config.json,index.js,package.json三个文件

其中config.json内为

{ "permissions": { "openapi": [ "wxacode.getUnlimited" ] } }

上面的是利用.生成小程序码的配置,这个配置是固定的

而.js中如下代码

// 云函数入口文件 引入了wx-server-sdk模块，并命名为const cloud。 cloud.init(); // 云函数入口函数

导出主函数，以异步方式执行，接收事件和上下文两个参数。 通过调用cloud.getWXContext()函数，我们成功获取了wxContext上下文信息。 执行生成小程序码的操作时，需要传入特定的参数，比如指定场景。 scene: wxContext.OPENID, }); // console.log(result) const uploadProcess = await cloud发起，针对文件的上传操作。 // 生成的小程序码上传到云存储中 将生成的小程序码保存在云存储中，路径为：'qrcode/' + 当前时间戳 + '-' + 随机数 + '.png'，逗号分隔的多个小分句。 fileContent: result.buffer, }); 返回文件的标识码，即该图片的fileID； };

通过执行上述几行简洁的云函数代码，即可轻松生成小程序码，其核心在于运用了该接口。

获取小程序码，这一功能特别适合那些对小程序码需求量极大的业务场合。利用此接口生成的小程序码，其有效性是长期的，而且在数量上并未设定上限。

相关文档 结语

在小程序内创建小程序码主要有两种途径：一是通过调用接口，二是借助云端服务。在本文中，我们采用的是云调用这一方法，它操作简便，无需进行权限获取和验证。

小程序端请求生成小程序码的云函数，该云函数利用云调用接口生成小程序码，并将生成的码上传至云存储，随后返回存储中的图片链接。在小程序端，用户可以接收到云函数的返回信息，并据此展示出小程序码。

如遇到小程序码问题,也欢迎小伙伴们下方留言,一起学习探讨~

记账就用轻记账

公众号（ID：）

码能让您早脱菜籍，文能让您洗净铅华

可能您还想看更多：

在Js篇-面试题14中，关于事件与函数，二者有何不同之处？

Js篇-面试题12-如何解析 URL 提取 参数

在探讨for...of与for...in的区别时，我们可以从它们各自的作用和适用场景入手。for...of循环主要用于遍历可迭代对象中的元素，而for...in循环则用于遍历对象自身的可枚举属性。在for...of循环中，每次迭代都会返回当前元素的值，而在for...in循环中，则返回的是属性名。此外，for...of循环不会遍历对象的原型链上的属性，而for...in循环则会。

Js篇-面试题9-请说一下Js中的事件循环机制

建站过程中遇到的一些问题