微信小程序开发

页面目录介绍 |--pages # 所有页面的存放位置 |--index | |--{}index.js # 每个页面的JS文件 | |--index.json # 每个页面的配置 | |--index.wxml # 每个相当于html文件 | |--idnex.wxss # 每个相当于css文件 |--logs |--utils |--util.js # 公共方法存放位置 |--app.js # 全局的app对象文件,启动app |--app.json # 全局的app配置 |--app.wxss # 全局的类似css文件 |--project.config.json # 多人开发统一的配置文件 |--sitemap.json # 关于本app小程序的对外描述信息 app.json全局配置 # 新增页面 在全局的app.json中的pages数组中注册，注意如果是首页的话，必须将注册的文件夹写在最前面的位置才起作用，其后的其他文件夹就会被覆盖掉，不能作为首页使用； { "pages": [ "pages/tests/test", "pages/index/index", "pages/logs/logs" # 末尾的文件夹注册不能加逗号，不然报错 ], # 小程序页面的头部配置 "window": { "backgroundTextStyle": "light", #

这个过程，折腾了一下午，记录在这里，备忘，同时也供有需要的人参考： 1、安装node.js 官网下载： https://nodejs.org/en/download/ 在cmd命令行窗口输入node -v和npm -v，如可打印版本号，则node和npm安装成功 2、添加环境变量 在用户环境变量path下，添加nodejs的安装目录，否则在非安装盘下执行npm会报错； 3、项目根目录下新建文件夹cloudfunctions，project.config.json里添加配置： 4、右键cloudfunctions文件夹，新建云函数： 在index.js里填写如下示例代码： // 云函数入口文件 const cloud = require('wx-server-sdk') cloud.init() // 云函数入口函数 exports.main = async (event, context) => { // ... return { sum: event.a + event.b } } 5、进入云函数所在的文件夹： 弹出cmd窗口： windows的cmd下进入指定目录，有一点跟linux不一样， 进入某个磁盘，直接盘符代号：如D：，不用CD 命令切换。进入某个盘后，再cd 进入目录 可用cd ..进入上级目录 6、执行命令，安装wx-server-sdk npm install -

若无小程序开发经验，可先阅读 玩转微信小程序 一文。 微信小程序正式上线已有几周时间，相信它的开发模式你已烂熟于胸，可能你也有所疑问，我竟能用 web 语言开发出如此流畅的几乎原生体验的应用。可能你又会猜这不就是 h5 么，厉害点的想不就是 hybrid 么。但是在我们的开发旅途中至始至终都没有使用过 webview ，为啥呢？开发时用的 view 一类的标签，浏览器又是怎么解析成页面的呢？带着重重疑惑，进入微信小程序源码分析吧！ 开发平台 这个 IDE 是如何保证我们小程序的开发和预览的？简要分析两点。 1. 文件目录 打开 微信web开发者工具目录 ，进入 package.nw ，嗯？熟悉的味道来了。里面就3个文件： app ， node_modules ， package.json 。显然我们开发时构建阶段所用资源来自于 node_modules ，于是我尝试找下 react模块 ，结果没有收获... 进入 app 目录下，呈现的四个文件夹分别是： html ， style ， images ， dist 。而你开发时使用的 IDE 的实现正是通过这些文件，不妨用浏览器打开其中一个 html 看看。 这不就是从桌面打开后看到的效果吗（其中 nodeWebkit 提供了 web 到桌面应用的转换）。并且在 index.html 中找到我们的主脚本文件 ../dist/app

前言 我们之前对小程序做了基本学习： 1. 微信小程序开发07-列表页面怎么做 2. 微信小程序开发06-一个业务页面的完成 3. 微信小程序开发05-日历组件的实现 4. 微信小程序开发04-打造自己的UI库 5. 微信小程序开发03-这是一个组件 6. 微信小程序开发02-小程序基本介绍 7. 微信小程序开发01-小程序的执行流程是怎么样的？ 阅读本文之前，如果大家想对小程序有更深入的了解，或者一些细节的了解可以先阅读上述文章， 本文后面点需要对着代码调试阅读 对应的github地址是： https://github.com/yexiaochai/wxdemo 首先我们来一言以蔽之，什么是微信小程序？PS：这个问题问得好像有些扯：） 小程序是一个不需要下载安装就可使用的应用，它实现了应用触手可及的梦想，用户扫一扫或者搜一下即可打开应用。也体现了用完即走的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。从字面上看小程序具有类似Web应用的热部署能力，在功能上又接近于原生APP。 所以说， 其实微信小程序是一套超级Hybrid的解决方案，现在看来，小程序应该是应用场景最广，也最为复杂的解决方案了 。 很多公司都会有自己的Hybrid平台，我这里了解到比较不错的是携程的Hybrid平台、阿里的Weex、百度的糯米

关注，QQ群，微信应用号社区 511389428 微信小程序可谓是今天最火的一个名词了，一经出现真是轰炸了整个开发人员，当然很多App开发人员有了一个担心，微信小程序的到来会不会给移动端App带来一个寒冬，身为一个 Android 开发者我是不相信的，即使有，那也是很遥远的未来。 不管微信小程序是否能颠覆当今的开发格局，我们都要以好奇的心态去接收，去学习。不排斥新技术，所以，心动不如行动，赶紧先搭建一个微信小程序开发工具。 那么接下来就让我们一起来开始吧 。 先放一张Github上demo的动态图 开发工具下载是看到 GitHub 上的分享。那么你可以直接进入该GitHub，找下载链接即可下载。 当然我把安装顺序以及遇到的问题在此详细介绍一下。（接下来按照此步骤安装即可成功（windows版）） 下载微信小程序开发工具0.7.0版本（ 下载链接http://pan.baidu.com/s/1nuIJnBV 密码：ru3h）因为0.9.0版本有登陆验证，直接安装一直登陆不上，一直提示please bind your wechat account to the appid first，扫码扫了上百次也没登录上（是有多大的耐心），下载0.7.0版本后直接安装，安装过程很简单，选择安装目录下一步就可以了，安装成功后登陆进入程序出现，需要微信扫码。 进入后出现上面界面关闭。然后下载0.9

背景： H5、小程序、支付宝小程序、快应用、百度、抖音都陆续推出了小程序生态。 解决问题框架营运而生： 京东凹凸实验室打造出一款Taro框架 有了taro既可以提升开发效率，又可以使得技术栈得以统一。节约资源的同事，又让开发简洁高效 编写一套代码，可以在多个终端运行 按照一套api的规范进行编写，通过自身的编译工具，可以编译成不同环境下的代码，实现多端运行 特点： 遵循react的语法规范，可以用jsx语法规范开发小程序的应用 支持组件化开发 支持TypeScript语言开发 很强的开发体验，开发流程自动化，顺畅，快捷 目前支持的生态应用： 微信小程序 百度小程序 支付宝小程序 web（H5） reactNative等 来源： https://www.cnblogs.com/tengfeiS/p/12174180.html

欢迎大家前往 腾讯云+社区 ，获取更多腾讯海量技术实践干货哦~ 2017 年 1 月 9 日，微信正式发布了小程序应用。之后，我们陆续收到了一些开发者留言和反馈。这里面，问最多的就是： 我是做开发的，但我没做过小程序开发，现在，我想快速开发一款的小程序，怎么办？ 直到如今，类似这样的问题还在不断地涌现。 为此，本期云 +社区技术沙龙，邀请来自腾讯云、微信、NOW直播、有赞等行业顶级技术专家，于4月28号首赴上海，从技术实战的角度，分享最全面的微信小程序设计思路以及开发方案，将你领进「小程序开发」的大门。 点击这里 ，立即报名！ Tips：分享内容包括但不限于小程序开发的云上解决方案，serverless后端架构，小游戏底层设计和小程序在直播、电商领域的开发实战…… 分享指南 主题 1：腾讯云小程序解决方案 讲师简介：朱展，腾讯云高级工程师 。多年前后端开发经验，目前负责腾讯云小程序解决方案的演进，规划和开发。 议题概要：现场将分享 l 微信小程序的原理以及微信小程序与 H5、原生App的区别与优劣； l 小程序开发过程中的常见问题，以及如何使用微信小程序解决方案完成小程序的快速开发和部署； l 未来腾讯云微信小程序解决方案的计划与目标，主要是思考如何扩展腾讯云微信小程序解决方案，让小程序开发变得更加快捷简单。 主题 2：serverless小程序后端技术分享 讲师简介：黄文俊

因为微信web开发者工具开发起来不方便，所以使用EgretWing来进行代码开发，但是由于Egret调试起来很麻烦，所以使用微信web开发者工具进行调试。 1. 使用 微信开发者工具 创建小程序项目 2. EgretWing ：文件 --> 打开文件夹 --> 小程序项目目录 EgretWing的使用请移步： https://www.cnblogs.com/myitnews/category/1626346.html 来源： https://www.cnblogs.com/myitnews/p/12147996.html

微信小程序从基础到实战完整视频教程 本课程对微信小程序开发做了详细的分析与讲解，由浅入深地带你搞定从基础到进阶再到实战所需的所有相关知识与技能。 什么是微信小程序？ 小程序是一种不需要下载安装即可使用的应用，它实现了应用「触手可及」的梦想，用户扫一扫或搜一下即可打开应用。也体现了「用完即走」的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。 为什么要学微信小程序？ 比 NativeApp 简单、比 WebApp 性能稳定、未来商业价值高。如果你是一名前端，那么未来小程序会是你另一个战场；如果你不是BAT，善用微信小程序开发将给你带来流量和用户；如果你是业内大V，新的研究课题来了。 资源链接： 微信小程序从基础到实战完整视频教程 教程目录： 第 1 部分 微信小程序从基础到实战课程概要 第 1 节 微信小程序从基础到实战课程概要 1.1微信小程序从基础到实战课程概要 第 2 部分 初识微信小程序 第 1 节 微信小程序简介 2.1微信小程序简介 第 2 节 微信小程序开发准备 2.2.1微信小程序开发准备 2.2.2微信小程序开发工具的使用 2.2.3目录结构详解 第 3 节 视图渲染与事件 2.3.1视图与渲染 2.3.2微信小程序事件 第 4 节 综合案例详解1 2.4综合案例 - 快递查询 第 3 部分 微信小程序开发进阶 第 1 节

欢迎大家前往 腾讯云 +社区 ，获取更多腾讯海量技术实践干货哦 ~ 本文首发在云+社区，未经许可，不得转载。 作者：黄荣奎|腾讯云微信小程序解决方案负责人 今年可以说是小程序的元年，各类游戏、店商、旅游类的小程序如雨后春笋般涌现，我想在座的朋友大家或多或少都使用过小程序，那么一款火爆的小程序是如何开发出来的呢？今天我们邀请了来自腾讯云Layabox和加推科技的五位技术专家为大家一站式分享解析如何从0到1低成本甚至是0成本开发一款爆款的小游戏，让微信小程序开发真正实现触手可及。 今天我给大家带来的题目是腾讯云微信小程序解决方案。我叫黄荣奎，是腾讯微信小程序方案的负责人，目前我正在负责小程序在腾讯云上的解决方案，如何快速帮助开发者快速完成开发和上线。 在去年的12月份我做一次分享的时候，大概有1/3的人有使用过小程序，现在应该会有更多。我们简单回顾一下微信小程序的发展历程，微信小程序在9月份开始内测到2017年1月9日的时候微信小程序正式开放，到了大家真正所接受的是2017年12月28日，就是微信小游戏开始开放的那一次，也就是大家所熟悉的跳一跳，那个时候微信小程序才被大家广泛的认识起来。 简单分享一下微信小程序的一个分布，去年的时候微信小程序它的主要的来源来在于工具这一部分。类似于我们在生活中常用的摩拜单车，滴滴打车，但是现在比较火的游戏、社交已经赶超它的市场份额。