构建"微信小程序"以及解决登录失败的解决办法

4984 查看

等了好久的小程序,终于在近日曝光了。现在就带大家来尝尝鲜。以下是一张随便看看的图。


zxl.jpg-34.1kB

一、构建微信小程序的步骤

    1. 下载开发工具
      考虑到微信0.9.092100的Web开发者工具对于登录做了限制,所以下载登录还是需要一点门路的,我在下面有介绍,希望大家耐心的往下面看~下载工具的地址:链接 密码: r3hc。

破解的步骤就是:将破解压缩包的两个文件,放到如下图路径:

这个是MAC路径:
应用程序->微信web开发者工具->显示包内容
/Resources/app.nw/app/dist/components/create/createstep.js
/Resources/app.nw/app/dist/stores/projectStores.js

Win目录:
E:\微信web开发者工具\package.nw\app\dist\stroes\projectStores.js
E:\微信web开发者工具\package.nw\app\dist\weapp\appservice\asdebug.js

如下图:


QQ20160923-1.png-100.6kB

QQ20160923-2.png-96kB
  • 2.下载Demo,文档
    下载地址:地址密码: 587y

  • 3.导入Demo
    打开微信Web开发工具,扫码登录,大家会出现一个问题。如图:


QQ20160923-0.png-130.6kB

登录失败,错误信息:Please bind your wechat account to the appid first

解决办法:下载旧版本的安装包,登录后,在打开新版本的开发工具即可。旧的指的是0.7,新版本指的是0.9,旧版本地址:旧版本,密码: zasb

登录成功之后,跟我做下面的步骤


QQ20160923-3.png-17.3kB
  • 点击添加项目,之后配置参数,如下图

    QQ20160923-4.png-56.6kB

    下一步之后,大家便可以看到

    QQ20160923-5.png-402kB

这就是微信小程序Demo的演示,后期我会陆续放上更多更有趣的微信小应用开发的教程的,谢谢大家~

如果您喜欢我的文章,不要忘记关注我,谢谢大家了~
另外如果您要转载,希望可以注明出处,我会写出更多更好的文章,来回馈大家~