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

开始

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

步骤

就像写前端代码一样,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 条评论
登录 后参与评论

相关文章

来自专栏Jerry的SAP技术分享

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

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

3514
来自专栏程序员的知识天地

如何用 Python 爬取需要登录的网站?

最近我必须执行一项从一个需要登录的网站上爬取一些网页的操作。它没有我想象中那么简单,因此我决定为它写一个辅助教程。

2512
来自专栏Youngxj

利用宝塔简易反向代理教程 适用于谷歌、ss站点

7707
来自专栏娱乐心理测试

你知道这个小技巧吗?

974
来自专栏kwcode

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

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

3627
来自专栏流柯技术学院

VMware安装CentOS时,无法以图形界面安装解决办法

4632
来自专栏十月梦想

HTML5新增表单类型

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

1213
来自专栏电光石火

IDEA 配置 Vue 支持

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

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

打造一流编辑器vimplus

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

7575
来自专栏lgp20151222

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

1711

扫码关注云+社区

领取腾讯云代金券