微信小程序可以说是当今最流行的名词。一出现,就真的轰炸了整个开发者。当然,很多应用开发者都有一个担忧,微信小程序的到来是否会给移动应用带来新的概念。寒冬,作为一名安卓开发者,我是不信的。他只是提供了一个新的流量入口,给一些公司一个选择。就算有,也是很遥远的未来。
微信小程序能否颠覆当前的发展格局,我们必须怀着好奇心去接受和学习。不排除新技术。因此,不如行动起来,快速搭建一个微信小程序开发工具。那么让我们一起开始吧。
微信已于9月23日晚发布了最新的开发工具和官方文档,新版开发工具支持无appid登录开发者工具,可直接从官网下载使用。官网地址
我目前正在做一个模仿QQ的小程序,正在持续更新中。 GitHub地址(含官网demo、开发文档和官方开发工具)
目前项目更新状态:欢迎star项目开发微信小程序平台,一起学习
消息页面:
联系页面:
动态页面:
下载开发工具以在 GitHub 上共享。然后就可以直接去GitHub找到下载链接下载了。
当然,这里我会详细介绍安装顺序和遇到的问题。 (按此步骤安装成功(windows版))
下载微信小程序开发工具0.7.0版(下载链接密码:ru3h)因为0.9.0版有登录验证,直接安装有一直登陆不上,一直提示“请先将你的微信绑定appid”,但是扫码上百遍都没有登陆(有多少耐心),下载0.@ >7.0版本直接安装,安装过程很简单,选择安装目录,下一步即可。安装成功后开发微信小程序平台,登录进入程序。您需要通过微信扫码登录。登录成功后会出现如下界面,然后退出。
然后下载0.9.0版(下载链接密码46gv)
下载后可以直接覆盖安装(覆盖安装)。安装后不需要打开开发工具,即使想打开也进不去。直接登录会出现如下提示
因为程序没有破解。安装程序后,需要下载三个js破解文件替换我们安装程序所在目录对应的文件。直接去GitHub下载 百度小程序开发 ,Github链接
下载以下三个文件
我把工具安装到了D盘,随便找下面三个目录替换对应的文件
D:WeChat web developer toolspackage.nwappdistcomponentscreatecreatestep.js
D:WeChat web developer toolspackage.nwappdiststroesprojectStores.js
D:WeChat web developer toolspackage.nwappdistweappappserviceasdebug.js
替换文件后,登录成功,登录后界面如下
那我们直接点击添加一个item开发微信小程序平台,然后点击界面
因为我们没有内测账号,所以这个appid随便输入,项目名,开发目录随便写。
填写信息并点击添加项目
好的,神奇的事情发生了,一个helloworld项目出现了。
点击编辑
选择对应的文件编写代码。
调试
点击调试按钮,左上角有一个移动端可以选择调试,可以选择苹果、三星等不同分辨率的设备。设备右侧有一个选择网络的按钮,可以选择wifi、2G、3G、4G网络。在右侧的窗口中,有一个控制台,可以查看控制台打印的信息,以及网络和存储信息。
我们点击右上角按钮,选择显示控制台、查找文件、快捷键,以及传感器、渲染设置、帮助等。左下角有清除缓存、重启小程序、按钮。
顺便说一句,GitHub 有一个演示。我们可以把这个demo复制到我们的开发目录下,看看微信小程序的效果。刚才创建的是一个helloworld,太简单了,看不出它的魅力。
我把动态图放在前面。
发现、改变
探知、求新
共享,感恩一路相伴
昱远品牌形象已完成全面升级
点击访问新官网