微信小程序开发

微信公众平台是给编辑的，微信开放平台是给技术的。 微信公众平台能干什么？ 写文章发文章 和粉丝聊天 配置菜单 开通各种公众号的权限（仅限自己的公众号） 启用开发者模式，开发自己的公众号 投放广告 查看数据 微信开放平台能干什么？ APP想用微信登录/分享到朋友圈等 PC网站想用微信登录等 注册公众号第三方平台（服务所有公众号） 注册小程序第三方平台（提供小程序模板） 绑定公众号或小程序，以形成UnionID 作者：侯斯特 链接：https://www.zhihu.com/question/21074751/answer/364059212 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 来源：博客园 作者： Kooing 链接：https://www.cnblogs.com/vhyc/p/11495262.html

一、微信小程序原生开发槽点 1.原生开发对Node、预编译、webpack支持不好，影响开发效率和工程构建 2.原生语法不如vue和react,只能做微信小程序 3.vue和react有很多周边工具，提高开发效率 4.微信的IDE和专业编辑器相比不好用 二、框架分析 1.从用户角度分析 wepy：没有封装小程序api,使用原生的api mpvue：支持微信所有原生组件和api,无限制。同时封装了自己的跨端api,使用方式类似 mpvue.request() taro：支持微信所有原生组件和api,无限制。同时封装了自己的跨端api,使用方式类似 Taro.request(),支持Taro代码与小程序代码混写，可以通过混写的方式调用框架尚未封装的小程序新增API uni-app：支持微信的所有原生组件和api，无限制。在跨端方面，即便仍然使用微信原生的组件和API，也可以直接跨端编译到App、H5、以及支付宝百度头条等小程序。但为了管理清晰，推荐使用uni封装的API，类似 uni.request() 。同时支持条件编译，可在条件编译代码块中，随意调用各个平台新增的API及组件 2.从性能体验分析 微信原生开发手工优化，uni-app>微信原生开发未手工优化，taro>wepy>mpvue 3.从开发者角度分析 DSL语法支持评测： taro , uni-app mpvue wepy

小程序开发（三）小程序或微信H5如何直接关注公众号 youthcity 关注 0.3 2018.08.05 00:09* 字数 878 阅读 7259评论 0喜欢 10 背景 业务需求中，希望通过朋友圈H5活动页，将新用户引流到公众号中。为用户提供更深入的服务，和引导用户付费。同时，也希望能在小程序中，完成公众号的关注，将小程序用户引流到公众号中。 解决办法 通过公众号关注页链接，完成公众号关注。 https : //mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzUzMDg4MzAyMA==#wechat_redirect 在微信中，打开上面链接会跳转到指定公众号的关注页。那么，如何跳转到自己的公众号关注页呢？ 我们只需将 __biz= 后面的字符串，替换成自己公众号的字符串就可以了。事实上，这一长串字符串，是将公账号的唯一ID，经过base64编码得到的。 获取公众号的ID 登录微信公众号平台 鼠标悬停右上角头像，点击【账号详情】，进入公众号的账号详情页。或通过左侧菜单栏的【公众号设置】，进入账号详情页 打开页面源码，查找 wx ，可以找到如下代码 微信uin uin 后面的数字，即公众号的ID 获取公众号ID成功后，对ID进行base64编码，NodeJS实现可以参考此文―― NodeJS中如何进行base64编码 。

做过前端，或对小程序有些了解的同学都知道，小程序是没有域名访问概念的，访问的路径都是以：“/pages/index”、“/pages/my”这种方式进行页面跳转的。域的概念从何而来？ 事情是这样的，前段时间突然冒出个想法，大家上下班，有些人离公司比较远，回家路上/地铁上，可能都会比较无聊，看看新闻、听听音乐啥的。 但是对于IT行业的程序员们来说，入了IT领域就意味着，永远有学不完的东西，经常就有看到一些人在地铁拿着一本书在看，于是我灵机一动，想着做了个小程序，收集一些电子书，方便大家随时随地的阅读，既不耽误学习，回家的路上也不无聊，而且小程序集成在微信里，不会给大家带来负担。 说干就干，经过几个周末的开发和测试，慢慢的小程序成型了，也发布上线了，是基于wepy框架开发的，坑点之前的文章已经说过了，就不再提了。主要讲讲后面发生的一些事。 作为技术交流，平时也加了一些群，都有一些不错的书，工作几年自己也弄了些存货，这次是全部家当都拿出来了、还找了几个 测试 、 java 的后端大佬，都收集了些他们的珍藏品,因为没有自己的服务器，刚开始是把内容存放在阿里云上的，但没两天告诉我欠费了……， 想哭，就这么工资，怎么经的起折腾啊，后来了解了一下腾讯云，每月有些免费的流量，果然放弃了阿里云，把东西转移到了腾讯云。嗯，就这样很开心的把小程序上线了，每天有事没有看看书，觉得还是蛮方便

最近公司有一个小程序开发项目，自己也自学了不少，有一些开发小心得，记录在这里。 小程序开发中注意： 1，setData 小程序视图层和逻辑层在两个独立的模块，并不具备数据直接传递的，setData相当于他们的桥梁。常见的setData操作错误有三种。 （1），频繁的去setData：在开发过程中，尽量少的去setData，大量的setData数据会导致页面卡顿或下拉延时等。 （2），setData大量新数据：我们从setData底层可知，每次setData都会生成一个脚本，数据量大会导致脚本的编译执行时间太长，占用webView js 线程。 （3），后台态页面进行setData：在wxml里没有用到的变量等最好不要setData，可以设置一个全局变化，后台态页面setData会抢占前台页面资源。 2，图片 目前图片资源的主要性能问题在于大图片和长列表图片上，这两种情况都有可能导致 iOS 客户端内存占用上升，从而触发系统回收小程序页面。 3， 代码包大小的优化 小程序对于代码包大小是2018kb,对于开发者来说，要注意： （1），两个以上页面要封装。 （2），不使用的代码和资源要及时清除。 （3），能用字体图标代替的尽量少使用图片。 来源： https://www.cnblogs.com/moxiaodegu/p/11757951.html

今天摸索了一下微信小程序的前端开发，作为入门教程，让你能够快速构建页面并且了解小程序，先看下今天完成的效果图。 首先，微信小程序页面构建肯定是少不了各种组件的使用，所以我们需要一个小程序的UI库，配合小程序原生控件来时用，达到快速构建页面的目的，我这里使用的是IView-Webapp,官网地址为： https://weapp.iviewui.com/docs/guide/start ，有各种类型的组件，涉及到布局，表单，页面效果等，简单实用，并且是根据vue版迁移过来的，对vue比较熟练的朋友可以快速入门。 我们来分析一下这个页面，页面内容为Grid布局，可以使用IView-Webapp中的Grid 宫格组件，但官方示例是写死的标签布局，如果我们需要动态的从json数据中填充页面，我们就需要了解一下小程序相关的语法，先看下相关的代码。 schooldata: [ { name: "霸刀", imageurl: "../../resource/images/schoolicon/霸刀.png" }, { name: "苍云", imageurl: "../../resource/images/schoolicon/苍云.png" }, { name: "丐帮", imageurl: "../../resource/images/schoolicon/丐帮.png" }, { name

写在前面 小程序开发的学习也是源于我想做一个小程序，为我后续的计划做一点前期的准备吧，我人比较懒，技术也比较菜，总之大家一起学习，一起进步吧！后面我会记录整个小程序开发学习过程！ 开始 在创建小程序项目前，我们需要在 https://mp.weixin.qq.com 注册一个自己的账号，选择小程序这一栏，这些都是必须要做的。 完成注册后我们需要下载安装开发工具，步骤如下： 在首页里找到普通小程序开发工具--》微信开发者工具--》3个版本选其一就行 安装完后，打开开发工具，我们进行项目创建， 这里对界面做一个解释： APPID，是我们开发小程序的唯一标识，像我们的身份证一样，这个是在我们刚注册的微信公众平台可以找到，在设置栏，搜索AppID即可； 开发模式，这里我们选择小程序，如果需要的话，还可以选择插件； 后端服务，这里有3种，不使用云服务，目前腾讯只支持JavaScript和TypeScript语言；云开发，指的是我们不关心服务器的部署，只需要注重前端的开发，但这里要注意的是，是云数据库，云存储，云函数；腾讯云，指的是我们使用腾讯的云服务器，但似乎只支持NodeJS和PHP。 这里开发，我选择云开发，点击新建 来源： https://blog.csdn.net/hk376755485/article/details/102776550

登录页面展示 登录成功页面 未登录页面 通过点击登录按钮进行微信登陆 前端页面 我用了微信小程序的UI组件 iviewweapp 和ColourUI 的css库,需要提前去官网下载并按照指引下载到项目中,不会来call我,我一一指导~~ wxml < view id = " container " > < view wx: if = " {{condition}} " class = " containertext " > < text class = " text " > 还未登录哦 </ text > < text class = " textlight " > 登陆后可享受更多信息~ </ text > < view id = " button " > < button type = " small " class = " bg-gradual-blue " open-type = " getUserInfo " lang = " zh_CN " bindgetuserinfo = " onGetUserInfo " > 一键登录 </ button > </ view > </ view > < view wx: if = " {{!condition}} " class = " containertext " > < text class = " text " style

　　对于学习这件事请，有些迷茫，总是很琐碎的，但是自己内心深处还是有一颗做全找的心，没有具体的定义什么全栈，只是想着自己能够完全做一个项目，不管是页面展示还是接口的开发，自己想一个人都能够胜任，不是想证明自己多牛逼，而是生活所迫，自己多学点开发上的东西，自己可以完整的做一个项目，总是觉得是一个很自豪的事情，很有成就感，下定决心，花费巨资来购买一套课程，开启自己的全栈之路，至于什么课程，那就是七月老师的《从Java后端到全栈》，之前看过一个他的微信小程序的开发，觉得很有自己的风格，对待写代码这件事，很用心的再做，对代码要求很高，觉得看他写的很舒服，打心眼里喜欢，相信学完一定会收获很多！ 　　至于在这里想记录一下什么东西，估计代码是不会在这里记录的，我觉得我会记录学习中很值得思考的东西，以及学习七月老师，在做项目的时候的一些思想，代码的规范，努力形成自己的一套开发中的流程，写出让自己觉得舒服的代码，不只是完成功能的开发而已，对自己的现状的不满，让我更有学习下去的勇气，来吧。 一、整体介绍 整个课程涉及到四个方面的开发内容。分别是 电商小程序、C端API（小程序API）、CMS前端、CMS API ，至于将小程序API和CMS API分开，主要是考虑到之后项目的扩展性，这也是我觉得七月老师很优秀的地方，不只是教会你一些做项目的知识，更是让你去继续热爱编程，喜欢上编程

一、 微信 小程序web开发工具下载地址 1.1 在微信公众平台-小程序里边去下载开发工具 下载地址 。 1.2 下载后安装一下就可以使用了： 二、创建项目 2.1 微信小程序web开发工具需要扫码登陆，所以必须先绑定开发者才可以： 2.2 已经绑定的开发者可以创建项目，需要填写AppID、项目名称、本地开发目录。 AppID需要去设置里边获取，如果不填的话官方给的提示是部分功能受限： 三、开发工具界面介绍： 1. 编辑：开发的时候，需要到编辑区去写代码 2. 调试：开发完需要调试程序的时候需要切换到这个区域，调试区有很多工具可供使用。 3. 项目：在这里可以上传或者预览项目 4. 编译：就相当于运行项目的意思 5. 关闭：关闭当前工程 6. 微信小程序web开发工具提供实时预览的功能，界面的效果会在这个区域显示 7. 这个区域可以看到整个项目的文档目录结构 8. 这个区域是编码区 9. 这里是选择屏幕尺寸的地方 10. 模拟网络环境：2G/3G/4G/WiFi 四、调试区六大工具介绍： 在调试区开发工具提供了6种调试模式： 4.1 Console Console的意思是控制台，做过开发的都知道几乎每个IDE都会有控制台，可以显示错误信息和打印变量的信息等。 4.2 Sources Sources显示了当前项目的所有脚本文件，微信小程序框架会对这些脚本文件进行编译。