nuke开发钉钉微应用界面踩坑之旅（一）

前言

由于公司内部需求，所以要开发一个钉钉微应用。于是我就去钉钉开放平台 上看看有没有现成的ui组件库，然后我就发现了Salt Ui,但是这是一个基于react的组件库，如果你已经会react的话，就可以选择这个。但是我不回react呀~所以我考虑之后还是放弃了这个方案，因为react学习成本比较大，所以我现在没有办法去使用。
钉钉开发平台里有好多钉钉群的二维码，于是我就加了几个群。群里会有一些钉钉官方的开发人员，如果遇到实在难以解决的问题就在群里问，会有相应的人员协助，但是主要还是靠自己去尝试。翊晨
然后有人推荐我用nuke，。然后我就开始了漫漫的踩坑之旅。电脑是windows系统，手机是安卓，坑多的简直要埋死我。在尝试的过程中碰到好多好多问题，还好在翊晨和公司后台大哥的耐心指点下慢慢排除和解决。

开始踩坑

基本上是按照文档上来进行的。
1. 电脑上没有nodeJs的就装个node，基本上现在前端的电脑都有node吧，因为经常要nmp install。文档建议 node 版本号 ~ 6.x LTS 版本，只要是node6.9以上的就支持了。
2. 文档推荐安装的是fie脚手架，但是fie生成的native url不支持钉钉，所以有一个专门为钉钉开发的一个脚手架，界面和fie一样的，安装命令为：npm install ding-cli -g；开启调试为：ding start。然后就可以愉快的写代码(一大波面向安卓和windows的坑正在袭来)了。
3.ding start之后就会出现如下的调试界面，fie start出现的界面和这个是一样的。

把鼠标移动到，native预览或者h5预览上就会自动生成你写的页面地址的二维码，理论上来说在手机钉钉扫描二维码就能看到效果了。但是我实践后发现了两个问题：1、安卓系统不支持扫码预览，但是微应用上线后安卓手机就能使用了。所以这意味着你在开发的过程中需要用一个ios的系统去看效果。手机必须和电脑在同一个网段内。最好是手机连上你电脑的wifi但是我的电脑给手机开了wifi后还是打不开，最后后台大哥帮我把手机上的wifi网段手动修改就可以了。其实如果你实在没有ios系统可以用来看效果，你可以把H5那个页面的链接发到你手机的微信上，然后在手机微信中点开那个链接就能看到效果了（手机也要和电脑保持网段一直哦）。

pc端调试

官方调试示例视频
调试工作台最下面有个模拟器，就是上图的客户端下载下面，如果显示为我上图画圈的情况，那么只能告诉你：你需要一个mac（~_~||）.穷逼的我作为一个windows狗根本就用不了这个模拟器，这意味着你不能打断点调试。

总结

假如你要看nuke各种组件在安卓上的效果，可以拿出你的安卓扫描下面或者nuke官方首页的二维码查看效果。[nuke官网首页地址]
(http://nuke.taobao.org/index.html?v=20170828)

第一次写博客，如有不对的地方欢迎在评论区指出。感谢您的阅读