我们上一篇讲解了在小程序中利用第三方库生成二维码，按道理讲我们可以使用自定义组件来构造一个二维码生成组件。但是实测，微搭中不支持canvas组件的调用，所以自定义组件这条路就行不通了。

日常在粉丝群里也会经常交流低码使用方法，有一位粉丝就利用第三方接口来生成二维码，亲测好使。我们本篇就讲解一下低码中如何自动生成二维码。

自定义连接器

要使用第三方接口，我们必须通过创建自定义连接器来实现。登录微搭的控制台，点击自定义连接器，点击新建自定义连接器

输入连接器的名称和标识

创建连接器之后，点击添加方法，添加方法的名称和标识，方法的意图选择查询单条，输入URL，选择GET，并且添加一个参数content

URL贴入如下地址

https://www.mxnzp.com/api/qrcode/create/single

接着是配置Query，按照如下表格进行配置

key	value
app_id	omaolnqojgsiupfm
app_secret	R2k3VmJLQ3FieFZPNXlTVEMySlZjUT09
size	500
type	0
content	{{params.content}}

我们这里的content是引用的入参，需要用双大括号的语法来引用

参数定义好之后就可以点击方法测试，看一下测试结果

看到成功之后就可以点击出参映射，映射出参

当然如果希望深入了解的可以查看这个接口的文档

https://www.mxnzp.com/doc/detail?id=2

应用中使用自定义连接器

我们要使用自定义连接器需要先定义两个变量，一个用来承载二维码的文字内容，一个用来显示二维码

创建一个低码方法，用来调用连接器来获取二维码

export default async function({event, data}) {const result = await app.cloud.callConnector({name: 'scewm_rsldp71',methodName: 'qcode',params: {content:$page.dataset.state.content}, // 方法入参});$page.dataset.state.qrCodeUrl = result.data.qrCodeUrlconsole.log($page.dataset.state.qrCodeUrl)
}

组件的话我们基本上三个组件就够，分别是表单输入组件、按钮和图片。实现的思路是把表单输入的值赋值给变量，当点击按钮的时候获取图片的地址，自动渲染到图片组件里。

先给表单输入组件定义一个事件，定义onchange事件

按钮设置点击事件，调用自定义方法

给图片组件的图片地址绑定变量即可

设置好之后，在文本框里输入内容，点击按钮即可自动生成二维码，是不是很简单，练起来吧。

微搭低代码中实现二维码生成相关推荐

iOS中扫描二维码/生成二维码详解
最近大家总是问我有没有关于二维码的demo,为了满足大家的需求,特此研究了一番,希望能帮到大家! 指示根视图: ? 1 self.window.rootViewController = [[UINav ...
Android开发——Android中的二维码生成与扫描
0. 前言今天这篇文章主要描述二维码的生成与扫描,使用目前流行的Zxing,为什么要讲二维码,因为二维码太普遍了,随便一个Android APP都会有二维码扫描.本篇旨在帮助有需求的同学快速完成二维 ...
Android中的二维码生成与扫描
转载请标明出处: http://blog.csdn.net/hai_qing_xu_kong/article/details/51260428 本文出自:[顾林海的博客] 前言月底离开公司,准备月底 ...
微搭低代码中的用户登录及注册
传统开发用户登录注册,一般是需要考虑建立用户表,用户注册的话可以由管理员主动添加,将分配好的账号和密码告知用户.如果是互联网应用允许用户自主注册. 低代码中因为没有外部用户管理这个模块,所以登录注册需 ...
android 中的二维码生成与去除白边
现在二维码应用越来越广泛,把一个url转换为二维码图片,让后去扫描,应用太多了.现在 zxing:core 包也用的相当广泛,android studio 使用也很方便,在 gradle 中加入配置, ...
在office2007中用vba代码写出二维码生成代码
在 Office 2007 中,可以使用 Visual Basic for Applications (VBA) 代码来生成二维码.以下是一个简单的示例代码: Sub GenerateQRCode() ...
Android 二维码生成和识别
今天讲一下目前移动领域很常用的技术--二维码.现在大街小巷.各大网站都有二维码的踪迹,不管是IOS.Android.WP都有相关支持的软件.之前我就想了解二维码是如何工作,最近因为工作需要使用相关技术 ...
微搭低代码实现二维码显示及上传功能
产品历经多次迭代,一直没有提供二维码组件.在日常小程序中,二维码出示还是一个很常用的功能.官方不提供,我们也只能曲线实现了. 寻找一个开源的在线二维码网站将生成的二维码上传到云存储中 1 二维码在线 ...
微搭使用笔记(二)微搭低代码平台介绍及基础使用
概述官网地址: 官网官方文档: 官方文档 FAQ: FAQ 腾讯云微搭低代码是一个高性能的低代码开发平台,用户可通过拖拽式开发,可视化配置构建 PC Web.H5 和小程序应用.支持打通企业内部数 ...
使用微搭低代码制作每日菜单小程序
随着网络和科技的发展,利用小程序来服务内部职工的机构也越来越多.本文就使用微搭低代码来快速制作一款每日菜谱小程序,机构内部的负责人可以维护每周的菜谱,职工通过关注小程序来查看每周的菜谱信息. 一 .定 ...

微搭低代码中实现二维码生成

自定义连接器

应用中使用自定义连接器

微搭低代码中实现二维码生成相关推荐

最新文章

热门文章