2017-01-24 16:49:19 ZHIYUANfL 阅读数 18351

一、微信小程序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显示了当前项目的所有脚本文件,微信小程序框架会对这些脚本文件进行编译。

Source下边还有一个区域,做过软件开发的都知道,一般下边是控制台会显示一些log信息、断电调试等等。



4.3 Network

Network顾名思义:这个区域显示的是与网络相关的信息,我这里暂时没有进行网络请求。



4.4 Storage

官方的解释是显示当前项目的使用wx.setStorage或者wx.setStorageSync后的数据存储情况。这个后续用到再慢慢研究


 

4.5 AppData

AppData是显示当前项目显示的具体数据,可以在这里编译,并且会在页面实时显示。



4.6 Wxml


Wxml调试区:把他的名字换一下的话大家就好理解了,其实他的实质就是HTML+CSS,微信只是把HTML改成了Wxml而已。学过HTML的人一看就明白,左侧的区域是HTML语言+CSS的一些标签属性。右侧可以便捷的设置CSS的属性。




转自:http://lib.csdn.net/article/5/52864?knId=1796#focustext


2017-04-24 13:59:07 qq_38125123 阅读数 1021

微信小程序开发常见问题FAQ

微信小程序遇到问题怎么办?遇到微信小程序方面的问题,该去哪里提问呢?一起来看看第九程序为您整理的微信开发者社区开发常见问题FAQ吧~在文中,您可使用「CTRL+F」,输入关键词来快速找寻您需要的答案。

Q:就算引入了es6-promise ios9 ios8 也无法使用Promise 但是也不报错,打印Promise 显示null,安卓没事。

A:谢谢反馈,迟点我们会上个 ES6 支持版本解决。

 

Q:现在picker-view触发bindchange要在滑动结束后,有时候还没滑完,就点确定按钮或者跳转页面,但是bindchange没有触发,就没有获取到数据。

A:谢谢反馈,下一版优化。

 

Q:wx.createAudioContext造成内存泄漏。
从列表页进入内页,内页在onLoad中执行wx.createAudioContext(‘myAudio’);
多次执行“返回列表页(通过返回按钮),进入内页”,在进入内页后   模拟器会有报错,手机实测会阻塞接口请求。

A:多谢反馈,应该是多次进入后,重复注册了多个 emitter 事件问题,先记录了。

 

Q:wx.upload()接口错误,本地测试wx.upload()访问借口是否要将接口url添加到小程序后台?
A:开发工具上测试时候可以在项目页面选择不校验安全域名,手机上测试时候,打开调试模式,默认不校验安全域名。

其他情况下,都会校验安全域名,安全域名包括了上传文件的校验。

 

Q:wx.chooseImage ,返回res里始终有一张或多张重复的。选择了4张完不一样的图,返回的结果里有一张是重复的,实际只能取到3个有效的 tmp_文件地址。

A:感谢反馈。这个问题只会在开发者工具中出现,下个版本会修复。

 

Q:wx.request() 请求后应该有返回头信息,建议在 success 和 complete 均加入 response headers 返回头信息。

A:收到,我们会规划这个需求。

 

Q:微信小程序的默认编码是什么?

A:UTF8

 

Q:在浏览器测试接口的时候完全没问题,当放到wx.request中请求就会丢失session.
A:wx.request 是通过客户端接口发起的HTTPS请求,不是浏览器的ajax,所以没有session  需要开发者自己记录和标记登录状态。

 

Q:小程序swiper移动内容不加载。

A:已知问题,下个版本 fix。

 

Q:请问小程序里微信支付可以实现找人代付吗?

A:目前不能。

 

Q:wx.showToast() 的 OBJECT.icon 应该增加 fail。

A:后续会增加。

 

Q:微信是否可以开放出NFC功能相关API?

A:是个好建议,已记录下来。

 

Q:带参数二维码达到10w后,是再也不能生成了?还是会按照时间顺序自动覆盖掉之前生成的,保持总量10w?

A:是不能再生成新的二维码了。

 

Q:小程序用户端的bug,苹果机出现“打开失败,无法打开小程序:加载失败:101”

A:谢谢反馈,这个是一个已知的问题,我们会尽快修复。

 

Q:socket为什么测试版能用,正式版不能用啊?

A:请检查mp.weixin.qq.com后台的 WSS 域名配置是否正确。因为开发版不做域名合法性校验。

 

Q:小程序支持Echarts吗?
A:不支持,需要自己实现,或者参考一些开源库。

例如:https://github.com/xiabingwu/chartjs-wechat-mini-app

2017-10-10 16:38:07 qq_36159785 阅读数 1410
页面栈
框架以栈的形式维护了当前的所有页面。当发生路由切换的时候,页面栈的表现如下:
路由方式 页面栈表现
初始化 新页面入栈
打开新页面 新页面入栈
页面重定向 当前页面出栈,新页面入栈
页面返回 页面不断出栈,直到目标返回页,新页面入栈
Tab 切换 页面全部出栈,只留下新的 Tab 页面
重加载 页面全部出栈,只留下新的页面
getCurrentPages()
getCurrentPages()函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。
Tip:不要尝试修改页面栈,会导致路由以及页面状态错误。
路由方式
对于路由的触发方式以及页面生命周期函数如下:
路由方式 触发时机 路由前页面 路由后页面
初始化 小程序打开的第一个页面   onLoad, onSHow
打开新页面 调用 API wx.navigateTo 或使用组件 <navigator open-type="navigateTo"/> onHide onLoad, onShow
页面重定向 调用 API wx.redirectTo 或使用组件 <navigator open-type="redirectTo"/> onUnload onLoad, onShow
页面返回 调用 API wx.navigateBack 或使用组件<navigator open-type="navigateBack">或用户按左上角返回按钮 onUnload onShow
Tab 切换 调用 API wx.switchTab 或使用组件 <navigator open-type="switchTab"/> 或用户切换 Tab   各种情况请参考下表
重启动 调用 API wx.reLaunch 或使用组件 <navigator open-type="reLaunch"/> onUnload onLoad, onShow
Tab 切换对应的生命周期(以 A、B 页面为 Tabbar 页面,C 是从 A 页面打开的页面,D 页面是从 C 页面打开的页面为例):
当前页面 路由后页面 触发的生命周期(按顺序)
A A Nothing happend
A B A.onHide(), B.onLoad(), B.onShow()
A B(再次打开) A.onHide(), B.onShow()
C A C.onUnload(), A.onShow()
C B C.onUnload(), B.onLoad(), B.onShow()
D B D.onUnload(), C.onUnload(), B.onLoad(), B.onShow()
D(从转发进入) A D.onUnload(), A.onLoad(), A.onShow()
D(从转发进入) B D.onUnload(), B.onLoad(), B.onShow()
Tips:
  • navigateTo,redirectTo只能打开非 tabBar 页面。
  • switchTab 只能打开 tabBar 页面。
  • reLaunch 可以打开任意页面。
  • 页面底部的 tabBar 由页面决定,即只要是定义为 tabBar 的页面,底部都有 tabBar。
  • 调用页面路由带的参数可以在目标页面的onLoad中获取。

2016-10-27 16:45:22 xiaoyezihanghui 阅读数 5046


释: 我是订阅号,申请的微信开发测试账号,操作授权登录


1.  下载web开发工具


2.  在公众号列表中, 开发者工具-》web开发工具-> 绑定开发者账号 -》输入你的微信号(微信号需关注公众号才可绑定),邀请绑定在微信客户端确认邀请即可


3.  在测试管理账号中, 网页授权获取用户基本信息  接口,点击修改  填充(授权回调页面域名),沙盒测试环境不限ip和域名,我填充的ip ( 注释: ip填充只需 如192.168.0.1:port,前缀不需要http,此坑已踩)


4.  授权链接 https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx58caa75dbeb054aa&redirect_uri=http://192.168.0.1:8014/wechat_login&response_type=code&scope=snsapi_userinfo&state=1   回调按照自己的需求更改即可

2019-05-11 17:59:40 qq_41614928 阅读数 290

微信开发者工具模拟器input点击偏移问题解决方法:

原因:

由于win10系统显示设置了 缩放布局125% 将其改成100%即可

1.在桌面右击鼠标:点击显示设置

在这里插入图片描述

2.更改显示缩放布局:

在这里插入图片描述

不用谢我,因为事后你会改回来的!

好了拜~

没有更多推荐了,返回首页