支付宝小程序开发——根据字符串生成二维码

支付宝小程序开发中,如果需要根据字符串生成二维码,那么可以直接使用qrcode插件,你无需引用js,直接使用开发者工具的npm功能就可以了。

一. 安装插件:

1.开发者工具左侧工具栏点击如图所示的图标(npm):

2.NPM包管理界面,输入框中输入 qrcode 并按回车键,等待插件安装完成:

二. 引用并使用插件:

 1 //引用插件
 2 const QRCode = require(‘qrcode‘);
 3 Page({
 4   data: {
 5     imgSrc: ‘‘
 6   },
 7   onReady() {
 8     //根据字符串生成svn格式的二维码
 9     let self = this;
10     QRCode.toString(‘13549687961‘, { type: ‘svg‘ }, function(err, url) {
11       let str = ‘data:image/svg+xml;base64,‘ + Buffer(url).toString(‘base64‘);
12       self.setData({
13         imgSrc: str
14       })
15     });
16   }
17     ......

页面引用:

<image src="{{imgSrc}}"  style="width:100%;" mode="aspectFit" />

如此,编译项目,二维码生成:

三.

原文地址:https://www.cnblogs.com/xyyt/p/11737232.html

时间: 2024-08-25 07:04:59

支付宝小程序开发——根据字符串生成二维码的相关文章

微信小程序开发之普通链接二维码

本文主要介绍扫普通链接二维码打开小程序, 详情请看官方文档https://mp.weixin.qq.com/debug/wxadoc/introduction/qrcode.html 配置普通链接二维码规则 生成二维码 访问https://cli.im/url,将https://test.com/linkcode?id=1_2生成二维码图片 小程序接收参数 if(option.q){ console.log(option.q); var link = decodeURIComponent(opt

用字符串生成二维码

需要导入Zxing.jar包 import android.graphics.Bitmap; import com.google.zxing.BarcodeFormat; import com.google.zxing.MultiFormatWriter; import com.google.zxing.WriterException; import com.google.zxing.common.BitMatrix; public class ZxingCode { /** * 用字符串生成二

IOS开发技巧快速生成二维码

随着移动互联网的发展,二维码应用非常普遍,各大商场,饭店,水果店 基本都有二维码的身影,那么ios中怎么生成二维码呢? 下面的的程序演示了快速生成二维码的方法: 在ios里面要生成二维码,需要借助一个框架:#import <CoreImage/CoreImage.h>  所有首先我们需要在我们的项目中引入这个框架 下面是核心代码: 准备工作:首先在storyboard里面添加一个UIImageView 然后脱线 到控制器里面 起名为imageView 然后再控制器的viewDidload里面写

自己开发chrome插件生成二维码

摘要: 最近在开发微信项目时,需要在微信调试,所以经常会在微信中输入本地服务地址,输入起来特别麻烦,所以自己就想了想微信中的扫一扫,然后开发了这款chrome插件,将当前url生成二维码,用微信扫一扫就可以看效果了.在公司里面已经使用起来了,屡试不爽. 代码地址:https://github.com/baixuexiyang/qrcode 欢迎star和fork

小程序 获取指定人的二维码

当用户扫描二维码时获得二维码里面带的scene信息: // 这是首页的 js Page({ onLoad: function(options) { // options 中的 scene 需要使用 decodeURIComponent 才能获取到生成二维码时传入的 scene var scene = decodeURIComponent(options.scene) } }) 获得二维码: var _this = this wx.request({ url: 'https://api.weixi

ESA2GJK1DH1K微信小程序篇: 测试微信小程序扫描Air202上面的二维码绑定设备,并通过MQTT控制设备

前言 暂无 实现功能概要 微信小程序通过扫描GPRS上的二维码,绑定GPRS设备.然后使用小程序通过GPRS远程控制开发板上的继电器, 远程显示单片机采集的温湿度数据. 一,硬件程序 硬件程序采用基础篇 https://www.cnblogs.com/yangfengwu/p/11762609.html  的底层硬件程序 该源码已经拷贝到了当前测试目录 二,微信小程序源码 测试准备工作 一,下载单片机程序(请自行下载) 二,打开微信小程序软件,导入本节工程 三,把小程序安装到手机运行 四,调整波

公众号开发13【生成二维码】

生成临时二维码和永久二维码代码如下: //生成带参数的临时二维码   function getTimeQrCode(){     header('content-type:text/html;charset=utf-8');     //1.获取ticket票据     //2.全局票据access_token网页授权access_token 威信js-SDK jsapi_ticket临时的这三个都有过期时间     $access_token="12_EDjuJXo7AKFzpxOWcgis-

微信小程序数字转化条形码和二维码

一.在utils目录下面引入index.js和barcode.js和qrcode.js 文件 以上js可前往此地址进行下载:https://gitee.com/chwlhmt/demos/tree/master/%E6%9D%A1%E5%BD%A2%E7%A0%81%E8%BD%AC%E5%8C%96 二.在页面的js里面引入: const { barcode, qrcode } = require('../../utils/index.js') 在使用的地方直接调用方法: writeOff()

扫描(生成)二维码Demo(转载)

用的是Google提供的ZXing开源项目,它提供二维码和条形码的扫描.扫描条形码就是直接读取条形码的内容,扫描二维码是按照自己指定的二维码格式进行编码和解码. 可以到http://code.google.com/p/zxing/下载ZXing项目的源码,然后按照官方文档进行开发,我这里使用的ZXing是经过简化版的,去除了一些一般使用不必要的文件,项目工程截图如下: 其中encoding包是我在它的基础上自己加上去的,功能是根据传入的字符串来生成二维码图片,返回一个Bitmap,其余的包是ZX