完成钉钉小程序的开发

背景:之前做过一个支付宝小程序,后续有要求用钉钉写个一样的出来.于是乎就开始了.

首先创建一个钉钉小程序

《完成钉钉小程序的开发》

钉钉小程序有四个场景,我尝试了前三个场景,感觉就是发布的时候不太一样.最终选中了第三方个人应用开发.
如果是公司开发的话记得找公司要管理账号.我是先自己创建了一个企业写的测试应用.
下面的U_Gen价签小工具是我创建好的小程序.
《完成钉钉小程序的开发》

下载小程序开发者工具,引入官网给的git上的代码.

(我服务端和前端代码都下过,后面尝试了下,不能一起写.我这个项目需求也很简单不需要服务端做很多事,所以我就讲讲我主要写的前端页面吧.)

《完成钉钉小程序的开发》

绑定小程序,修改页面

小程序开发者工具里面可以开发很多版本的,你可以在这里选择你创建的小程序的类型.
《完成钉钉小程序的开发》
然后在旁边关联你创建好的小程序就可以了.
《完成钉钉小程序的开发》
我是写完了再截图的,所以目录东西可能有的多.给介绍一下,
我引入了add-button.因为我要显示icon的,在这里写icon会方便一些.
static文件夹下就是我的icon图标了.至于怎么导入icon图标我的文章里描述的很清楚了.不懂的可以再看一下这篇 引入阿里icon图标
todos文件夹下就是我的页面样式,逻辑等了.
《完成钉钉小程序的开发》

这里要连接后端接口的话一定要记得添加安全域名:

《完成钉钉小程序的开发》
然后在js文件中去发请求

《完成钉钉小程序的开发》

dd.showLoading()就是显示个loading出来.
dd.httpRequest()就是发请求了.
dd.alert()是弹框,里面的content是弹框内容,buttonText是弹框提示语.

修改主题色在app.acss里面.
《完成钉钉小程序的开发》
修改小程序标题在app.json里面,”pages”里面是一进页面加载的页面路径.
《完成钉钉小程序的开发》
如果你也引入了add-button的话记得在需要用的文件里导入,就像我这个todos.json里面导入的样子一样.
《完成钉钉小程序的开发》
add-button里面的样式和内容被我改了很多,我还是贴出来吧.
《完成钉钉小程序的开发》
《完成钉钉小程序的开发》
《完成钉钉小程序的开发》
《完成钉钉小程序的开发》

我的页面代码都是在todos里面.也一并附上
主要就是axml里面的内容.其他的逻辑都是根据自己需求去写的.我的页面也只用到了钉钉的几个方法而已.
《完成钉钉小程序的开发》

设置体验版,增加体验人员

《完成钉钉小程序的开发》

《完成钉钉小程序的开发》

再介绍下小程序开发者工具吧:
1:可以更改机型,看样式的
2:上传代码到钉钉开放平台的版本管理里面
3:开启手机模拟器,右侧就会显示一个这样的模拟器出来
4:修改样式的.
《完成钉钉小程序的开发》

附上我的小程序效果图:
《完成钉钉小程序的开发》

《完成钉钉小程序的开发》

《完成钉钉小程序的开发》

遇到的问题

1:发请求参数一直不对,最后自己写了headers指定了格式,又加上了JSON.stringify转了一下才好.
2:把服务端的方法用到了前端,我一直想在前端去生成签名,玩一下免登陆,获取个用户头像啥的.但是没成功.最后发现那些方法都是服务端的.前端用不了..我想应该不会有人跟我一样.. 但还是说一下..(其实签名我参数最后都写出来了的..应该是对的)
3:icon加载比文字慢.我原来是写的button,然后写了个text把icon放到button旁边.但是加载特慢,扫描后回到页面图标就会消失一会儿.体验感很差,最后没办法,只能跟支付宝小程序写一样的,来个add-button.把icon放进add-button里面.然后在用到的todos文件里,引入add-button.让它先加载.就不会有这个问题了.
4:如果有些问题网上你也没搜到答案,官网的api也没找到解决方法.可以去问人工服务.哈哈哈哈.我第一次问.还真的解决了问题的.就在钉钉开放平台的右下角,可以接入人工服务的.就是回的慢了点.

《完成钉钉小程序的开发》

关于小程序,不管是微信的,还是支付宝的,还是钉钉的,我感觉都一样的.只是调用的方法名不一样而已.你会写了一个,其他的都是依葫芦画瓢而已.

    原文作者:Timor
    原文地址: https://segmentfault.com/a/1190000020351097
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注