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

开始

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

步骤

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

相关文章

来自专栏从零开始学自动化测试

selenium+python自动化96-执行jquery报:$ is not defined

前言 背景介绍:做wap页面自动化的时候,把url地址直接输入到浏览器(chrome浏览器有手机wap模式)上测试,有个按钮死活点不到,用wap模式的触摸事件也...

2926
来自专栏知晓程序

开发 | 用 7 天时间,他做了个仿麦当劳的小程序

作为全栈的学习者,初学微信小程序,抱着试试做心态,一个星期内初步完成了仿「i 麦当劳」小程序的项目。

784
来自专栏DeveWork

WordPress 添加个性化的博客宠物(汉纸篇)

之前一篇文章分享了在WordPress 添加个性化的萌妹子的方法(见:《WordPress 添加个性化的博客宠物(妹纸篇)》),不过那个不适合广大的男汉纸的博客...

1945
来自专栏Maroon1105

WordPress之去掉顶部工具栏

用WP搭建自己博客的人都会发现网站上面有一个黑色的工具栏,影响网站美观度,那么怎么去掉顶部工具栏呐?

310
来自专栏葡萄城控件技术团队

AngularJS应用页面切换优化方案

葡萄城的一款尚在研发中的产品,对外名称暂定为X项目。其中使用了已经上市的Wijmo中SpreadJS产品,另外,在研发过程中整理了一些研发总结分享给大家。如本篇...

20410
来自专栏知晓程序

开发微信小程序,看这篇文章就够了 | 官方文档解读

993
来自专栏知晓程序

小程序无法添加到桌面?这个方法一定能帮你解决 | 小程序问答 #52

只需在小程序界面点击右上角的「...」,就可以找到「添加到桌面」选项。添加后,我们就可以通过桌面的快捷方式进入小程序,无需再从微信启动。

862
来自专栏ytkah

将微信聊天页和文章页拆分为两个任务卡片【微信高级教程6】

  在任意聊天窗口输入 //multiwebview 并发送,聊天和文章页面就可以被拆分为两个任务,并能同时出现在多任务切换页面中。如果在看文章过程中来了微信消...

3339
来自专栏听雨堂

ASP.NET调用word开发环境下正常,iis下报错

检索 COM 类工厂中 CLSID 为 {00024500-0000-0000-C000-000000000046} 的组件时失败,原因是出现以下错误: 800...

1626
来自专栏编程

python3.6爬虫之豆瓣小王子详解(一)

目标:抓取豆瓣小王子读者的书评,并保存于本地excel。 爬虫的流程:发送请求——获得页面——解析页面——抽取并储存内容。 我们第一个案例便采用:request...

1637

扫描关注云+社区