微信小程序开发文档

概述 自己封装的一个比较简单微信弹窗小组件，主要就是教会大家对微信小组件的用法和理解，因为微信小程序对组件介绍特别少，所以我就把自己的理解分享给大家 详细 一、前言 相信大家在开发小程序时会遇到某个功能多次使用的情况，比如弹出框。这个时候大家首先想到的是组件化开发，就是把弹出框封装成一个组件，然后哪里使用哪里就调用，对，看来大家都是有思路的人，但是要怎样实现呢。可能你会去看官方文档，但是微信的官方文档也是说的不太清楚，所以写起来也是非常痛苦。今天就带大家手摸手开发微信组件，坐稳了，马路杀手要开车了。 二、具体实现 我们先实现个简单的弹窗组件，详情图如下： 实现过程如下： 1.新建component文件夹存放我们的组件，里边存放的就是我们所用的组件，我们今天要做的事弹出框，新建文件夹popup存放我们的组件模板，点击右键选择新建component，就会自动生成组件的模板wxss、wxml、json、js，如图 2.我们可以写一些组件样式和布局，更页面写法类似，我就不多说了，直接把代码贴出 : popup.wxml <view class="wx-popup" hidden="{{flag}}"> <view class='popup-container'> <view class="wx-popup-title">{{title}}</view> <view class="wx

【新手向】微信小程序云开发 前言 为什么要写博客 微信小程序开发 小程序云开发概述 准备 知识储备 组件库 开源框架 环境搭建 最后 前言 偶然看到自己以前写的代码 em…这一坨什么鬼，哈哈哈 所以我打算抽空重新写一遍，顺带总结下学到的东西，同时加深对技术点的理解 本篇博客主要分享一些自己项目（校园服务、论坛类应用）中采用微信小程序云开发学过的一些东西。会不定期更新博客，包括以下（以后想到其他会增加），因为主要介绍微信小程序云开发，所以这里不涉及搭建后端服务器（以后会写）。 1.云开发实现用户登陆注册 2.云开发实现发布动态（含收藏、评论、点赞） 3.云开发实现消息模板/订阅消息推送 4.调用百度云OCR识别校园卡信息 5.开发自定义组件、模板 为什么要写博客 一开始接触博客是自己在做项目时，遇到问题，会首先通过搜索引擎寻找解决办法，搜索结果大多数是博文，看多了那些技术大牛写的博文，也开始萌生出自己写博客想法。起初，觉得写博客很浪费时间，需要花时间去思考，去总结，去整理成章，需要花费很多时间，而且感觉自己技术含量低（大学生一枚），写出来没意义，于是又放下了写博客的想法。后来，在某次面试后，感觉自己上大学一年多以来什么都没学会，但是好像又会一点儿什么。于是想写一些值得回味的东西，把自己学过的知识按自己的结构整理记录下来，方便日后查阅巩固，记录自己的成长轨迹，同时加深对技术点的理解

因为想和同城好友共享书所以做了这么个小程序. 开源地址：https://github.com/shiheme/wx-booker wx-booker 微信小程序-图书共享预定 体验效果 在微信中搜索小程序【建始同城共享书】或扫码体验 初衷 通过微信小程序向当地爱书者提供一个图书共享预定平台，前期期望投入费用越少越好。同时还要有一定的变现能力，例如图书借阅费、本地商家广告投放。 功能分解 图书分类管理 图书信息管理，包括介绍和图书相关ISBN、关联分类等 预借功能与费用管理 图书在馆状态 全局搜索图书 图书条形码扫码查询 用户管理与用户等级 广告管理 本地商家服务投放 图书订阅帮助信息 用户浏览与喜欢统计 UI交互清爽简单 程序选型 域名：阿里云购买 制作小程序域名还是必须的，这个去阿里云买一个.com域名就好。年费50元+。 服务器：阿里云ECS 这个是做互联网没办法少的，选用ECS主要因为我服务器有其他建站需求，建立多个网站使用。年费：500元+。 后台：Wordpress 强大而免费，通过插件的使用可以打造出功能完善的CMS/商城系统。年费：0元。 RESTAPI:微慕小程序插件 这个是用于将wordpress和小程序通信的插件程序，我是用的是微慕小程序插件1.6.0。年费：0元。 小程序：微信小程序个人版 前期因为无法预测变现能力，所以考虑成本，我输出的是个人版小程序

文章目录 起源 什么是uni-app 为什么选择uni-app呢？ 快速体验 开发工具 创建uni-app 运行uni-app 发布uni-app 打包为原生App 发布为H5 发布为小程序 总结 起源 在我司业务不断快速发展的情况下，同时保证成本的增加，而选择考虑跨平台的解决方案。 原本微信小程序其实算是跨平台了，但是近来微信小程序的审核速度堪忧，从最开始的半小时到现在的两三天都不一定过，所以移动端也不能完全抛弃，毕竟android是可以自己控制更新的，Appstore的审核速度现在都比微信小程序快了。 而且微信小程序的适配并不是很完美，其实跨平台都不能完美的适配，好在我司现有业务并不过多涉及太底层的东西。 以下简单介绍uni-app，多为搬运官网，加一些自己实际中的体验。 什么是uni-app uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。 为什么选择uni-app呢？ uni-app在跨端数量、扩展能力、性能体验、周边生态、学习成本、开发成本等6大关键指标上拥有极强的竞争优势。 我们就是看中了两个点： 学习成本低 一套代码运行多端 快速体验 开发工具 HBuilderX 下载地址： http://www.dcloud.io/hbuilderx.html 工具还是很友好的

小程序模板消息能力在帮助小程序实现服务闭环的同时，也存在一些问题，如： 1. 部分开发者在用户无预期或未进行服务的情况下发送与用户无关的消息，对用户产生了骚扰； 2. 模板消息需在用户访问小程序后的 7 天内下发，不能满足部分业务的时间要求。 为提升小程序模板消息能力的使用体验，我们对模板消息的下发条件进行了调整，由用户自主订阅所需消息。 一次性订阅消息 一次性订阅消息用于解决用户使用小程序后，后续服务环节的通知问题。用户自主订阅后，开发者可不限时间地下发一条对应的服务消息；每条消息可单独订阅或退订。 （一次性订阅示例） 长期性订阅消息 一次性订阅消息可满足小程序的大部分服务场景需求，但线下公共服务领域存在一次性订阅无法满足的场景，如航班延误，需根据航班实时动态来多次发送消息提醒。为便于服务，我们提供了长期性订阅消息，用户订阅一次后，开发者可长期下发多条消息。 目前长期性订阅消息仅向政务民生、医疗、交通、金融、教育等线下公共服务开放，后期将逐步支持到其他线下公共服务业务。 调整计划 小程序订阅消息接口上线后，原先的模板消息接口将停止使用，详情如下： 1. 开发者可登录小程序管理后台开启订阅消息功能，接口开发可参考文档： 《小程序订阅消息》 2. 开发者使用订阅消息能力时，需遵循运营规范，不可用奖励或其它形式强制用户订阅，不可下发与用户预期不符或违反国家法律法规的内容。具体可参考文档

最近因公司需要，开发抖音的 小程序 。下面我总结一下我自己的一些体会，会随时更新。 字节跳动小程序官方文档 https://microapp.bytedance.com/homepage 可在抖音最上方的搜索页面，通过扫一扫扫描之后进入小程序 1. 抖音小程序编辑器（字节跳动开发者工具） 编辑器功能尚不完善，没有搜索功能； 编译过程较慢； 至今不知道怎么查找小程序的ID，我用的都是别人帮忙找的； 字节跳动开发者工具文件的后缀是.ttml，如果直接把微信小程序搬过来也可以用，但是还是建议将后缀名 更改为正确的格式 2. 兼容方面： 1. 抖音小程序对自定义顶部导航的兼容性不是很好； 案例：之前开发小程序，需要隐藏系统自带顶部导航，自定义导航样式（这个功能在我的博客中有详解）， 但是在安卓上不会将最顶部的手机信息隐藏掉，所以顶部导航会向下排布，IOS上没有这个问题； 所以建议还是用系统自带的顶部导航吧； 对iPhoneX的底部横线的兼容是没有问题的； 2. 抖音小程序的 ‘swiper’ 组件设置前后边距样式（previous-margin/next-margin），需将单位改为px 3. 小程序的video组件层级最高，且无法覆盖，编辑器没有问题，但是在手机上会有问题，所以慎用video组件 来源： https://www.cnblogs.com/lanshu/p/11934881

小程序模板消息能力在帮助小程序实现服务闭环的同时，也存在一些问题，如： 1. 部分开发者在用户无预期或未进行服务的情况下发送与用户无关的消息，对用户产生了骚扰； 2. 模板消息需在用户访问小程序后的 7 天内下发，不能满足部分业务的时间要求。 为提升小程序模板消息能力的使用体验，我们对模板消息的下发条件进行了调整，由用户自主订阅所需消息。 一次性订阅消息 一次性订阅消息用于解决用户使用小程序后，后续服务环节的通知问题。用户自主订阅后，开发者可不限时间地下发一条对应的服务消息；每条消息可单独订阅或退订。 （一次性订阅示例） 长期性订阅消息 一次性订阅消息可满足小程序的大部分服务场景需求，但线下公共服务领域存在一次性订阅无法满足的场景，如航班延误，需根据航班实时动态来多次发送消息提醒。为便于服务，我们提供了长期性订阅消息，用户订阅一次后，开发者可长期下发多条消息。 目前长期性订阅消息仅向政务民生、医疗、交通、金融、教育等线下公共服务开放，后期将逐步支持到其他线下公共服务业务。 调整计划 小程序订阅消息接口上线后，原先的模板消息接口将停止使用，详情如下： 1. 开发者可登录小程序管理后台开启订阅消息功能，接口开发可参考文档： 《小程序订阅消息》 2. 开发者使用订阅消息能力时，需遵循运营规范，不可用奖励或其它形式强制用户订阅，不可下发与用户预期不符或违反国家法律法规的内容。具体可参考文档

小程序模板消息能力在帮助小程序实现服务闭环的同时，也存在一些问题，如： 1. 部分开发者在用户无预期或未进行服务的情况下发送与用户无关的消息，对用户产生了骚扰； 2. 模板消息需在用户访问小程序后的 7 天内下发，不能满足部分业务的时间要求。 为提升小程序模板消息能力的使用体验，我们对模板消息的下发条件进行了调整，由用户自主订阅所需消息。 一次性订阅消息 一次性订阅消息用于解决用户使用小程序后，后续服务环节的通知问题。用户自主订阅后，开发者可不限时间地下发一条对应的服务消息；每条消息可单独订阅或退订。 （一次性订阅示例） 长期性订阅消息 一次性订阅消息可满足小程序的大部分服务场景需求，但线下公共服务领域存在一次性订阅无法满足的场景，如航班延误，需根据航班实时动态来多次发送消息提醒。为便于服务，我们提供了长期性订阅消息，用户订阅一次后，开发者可长期下发多条消息。 目前长期性订阅消息仅向政务民生、医疗、交通、金融、教育等线下公共服务开放，后期将逐步支持到其他线下公共服务业务。 调整计划 小程序订阅消息接口上线后，原先的模板消息接口将停止使用，详情如下： 1. 开发者可登录小程序管理后台开启订阅消息功能，接口开发可参考文档： 《小程序订阅消息》 2. 开发者使用订阅消息能力时，需遵循运营规范，不可用奖励或其它形式强制用户订阅，不可下发与用户预期不符或违反国家法律法规的内容。具体可参考文档

1.各组员情况 杨雨丝（组长） 过去两天完成了哪些任务 组织了Alpha冲刺最后一次会议 跟进小程序最后的Alpha冲刺阶段，协助小程序的完成 安排博客评论评分 安排周六答辩任务 GitHub当日代码/文档签入记录（ 组内共享 ） 接下来的计划 完成Alpha冲刺答辩和相关博客 准备Beta冲刺 剩下的任务 燃尽图（ 组内共享 ） 遇到的困难 准备时间较少，准备周六的答辩任务有点匆忙 收获和疑问 收获：完成了Alpha冲刺任务 疑问：如何快速准备好周六答辩？ 林郁昊 过去两天完成了哪些任务 增加获取微信用户头像和名字 拼单表单增加集合地 底部导航栏全页面按钮 当前状态没有拼单会有提示 接下来的计划 完成剩余界面和功能 准备Beta冲刺 还剩下哪些任务 个人信息界面 学生认证界面 界面的完善 遇到的困难 时间比较紧，小程序完成得不是很好 收获和疑问 收获：完成了小程序大部分页面和主要功能 疑问：无 于婕 过去两天完成了哪些任务 着手剪辑视频。为答辩做准备 接下来的计划 完成视频剪辑与制作 准备周六答辩 还剩下哪些任务 完成与完善视频 遇到的困难 剪视频技巧还不够成熟，剪出来的视频可能不是很好 收获和疑问 收获：剪视频的技巧运用得更好了 疑问：如何更好更快地剪出一个较好的视频？ 朱玥轩 过去两天完成了哪些任务 剪辑视频，为答辩做准备 接下来的计划 完善视频剪辑与制作

队名： 十一根小腿 组长博客： 点这里 作业博客： Alpha冲刺（6/6） 1.各组员情况 杨雨丝（组长） 过去两天完成了哪些任务 组织了Alpha冲刺最后一次会议 跟进小程序最后的Alpha冲刺阶段，协助小程序的完成 安排博客评论评分 安排周六答辩任务 GitHub当日代码/文档签入记录（ 组内共享 ） 接下来的计划 完成Alpha冲刺答辩和相关博客 准备Beta冲刺 剩下的任务 燃尽图（ 组内共享 ） 遇到的困难 准备时间较少，准备周六的答辩任务有点匆忙 收获和疑问 收获：完成了Alpha冲刺任务 疑问：如何快速准备好周六答辩？ 林郁昊 过去两天完成了哪些任务 增加获取微信用户头像和名字 拼单表单增加集合地 底部导航栏全页面按钮 当前状态没有拼单会有提示 接下来的计划 完成剩余界面和功能 准备Beta冲刺 还剩下哪些任务 个人信息界面 学生认证界面 界面的完善 遇到的困难 时间比较紧，小程序完成得不是很好 收获和疑问 收获：完成了小程序大部分页面和主要功能 疑问：无 于婕 过去两天完成了哪些任务 着手剪辑视频。为答辩做准备 接下来的计划 完成视频剪辑与制作 准备周六答辩 还剩下哪些任务 完成与完善视频 遇到的困难 剪视频技巧还不够成熟，剪出来的视频可能不是很好 收获和疑问 收获：剪视频的技巧运用得更好了 疑问：如何更好更快地剪出一个较好的视频？ 朱玥轩 过去两天完成了哪些任务