微信小程序二维码实例开发

开始

小编初学微信小程序,想做一个二维码生成器;作为一个小白,踩了不少坑,在这里分享给大家“如何在微信小程序上生成二维码”。

步骤

就像写前端代码一样,html里有form表单,css样式,js和用户做交互,微信小程序里用WXML、WXSS和JS代替。

思路:

wxml里form表单提交数据到js; js通过wx.request发起请求处理原始数据到接口地址; 接口处理完原始数据后,返回结果数据到js; 处理返回的结果数据

发起请求到接口地址时,用到了微信小程序里的wx.request,它有一些相关的参数介绍,如下:

实例代码

js
接口文件

踩过的坑

不理解开发者服务器接口地址,编写url出错,https和http的差别 将生成的二维码保存在目录里,导致重新编译而无法显示二维码 对微信小程序中数据的传值方式不熟悉

在这里,小编对代码进行了部分注释,希望对大家的学习有所帮助,也希望有写接口经验的大牛们加我微信(wzc88czw)交流学习心得。

原文发布于微信公众号 - 程序员的碎碎念(gh_53e607dd4782)

原文发表时间:2018-01-25

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏专注数据中心高性能网络技术研发

打造一流编辑器vimplus

首先,已经安装过vim的需要检查是否开启了python解释器,vim --version | grep python,如果显示python前面是-号而不是+号,...

4275
来自专栏电光石火

IDEA 配置 Vue 支持

1.打开IntellIJ IDEA的Plugins窗口,在查询框输入vue。 ? 2.点击右边的安装按钮。 ? 3.配置支持.vue后缀文件 ...

5273
来自专栏kwcode

微信小程序调用接口返回数据或提交数据

由于小程序发起网络请求需要通过 wx.request 文档地址 https://mp.weixin.qq.com/debug/wxadoc/dev/api/ne...

3347
来自专栏全栈之路

win7 java环境变量配置

选择电脑界面上的 计算机(或者我的电脑电脑图标),按下鼠标右键,出现菜单,看到有’属性’这一项,点击确定

1113
来自专栏Jerry的SAP技术分享

如何在Chrome development tool里查看C4C前台发送的请求细节

我们可以在Chrome development tool的network tab里观察到从前台UI发送到后台的HTTP请求:

3264
来自专栏lgp20151222

微信小程序开发 导入文件说没找到.json的问题

1251
来自专栏大闲人柴毛毛

linux软件安装(一)——源码安装

Linux软件简介 Linux上几乎所有的软件都经过了GPL授权,因此几乎所有的软件都会提供源码。 而一个软件要在Linux上执行,必须是二进制文件,因此...

3454
来自专栏积累沉淀

hbase集群安装(2)-ubuntu下jdk安装

Ubuntu下安装jdk 我的安装路径是根目录下的software 把jdk压缩包解压到software目录下 ? 解压花一会时间 然后设置环境变量的命令 ? ...

1799
来自专栏python学习之旅

Python+Selenium笔记(十六)屏幕截图

 (一) 方法 方法 简单说明 save_screenshot(filename) 获取当前屏幕截图并保存为指定文件 fi...

3557
来自专栏十月梦想

HTML5新增表单类型

HTML5新增了input更多类型的框,如颜色,邮箱,多文件还有对正则表达式的支持!

673

扫码关注云+社区