钉钉小程序开发实战：第三章，小程序企业内部开发应用
<p><span style="font-family: 宋体">看完了钉钉</span>H5微应用的复杂的开发，我们也来感受一下小程序开发便捷的，校验很少，现在就以企业内部应用为基础进行demo样例开发。</p><p> </p>
<p>首先创建一个应用</p>
<p>一、点击应用开发，左侧菜单找到企业内部开发，在菜单里面找到小程序菜单，点击创建应用</p>
<p> </p>
<p> <img src="https://img2020.cnblogs.com/blog/1041077/202004/1041077-20200419112858817-473742869.png"></p>
<p> </p>
<p>二、随便输入，点击下一步，最下面选择企业内部开发</p>
<p> </p>
<p> <img src="https://img2020.cnblogs.com/blog/1041077/202004/1041077-20200419112906807-304388595.png"></p>
<p>三、填写应用，选择开发应用，小程序，IP地址写你的对外公开的服务器IP地址（没有的话可以先写1.1.1.1），PC端首页和管理后台可不写</p>
<p> </p>
<p><img src="https://img2020.cnblogs.com/blog/1041077/202004/1041077-20200419112929456-1704487874.png"></p>
<p><span style="color: rgba(255, 0, 0, 1)"><span style="font-family: 宋体">注意：</span>IP<span style="font-family: 宋体">白名单，也就是你企业的对外的</span><span style="font-family: Calibri">IP</span><span style="font-family: 宋体">，可以跟让钉钉小程序合法方问的网址。</span></span></p>
<p> </p>
<p>参考网址：<span style="text-decoration: underline">https://ding-doc.dingtalk.com/doc#/bgb96b/gt5d6a</span></p>
<p> </p>
<p><span style="font-family: 宋体">然后下载一个前端</span>IDE的开发工具，自带模拟器效果的：</p>
<p><span style="text-decoration: underline">https://ding-doc.dingtalk.com/doc#/dev/yqm3sq</span></p>
<p> </p>
<p><span style="font-family: 宋体">然后下载一个样例的</span>demo<span style="font-family: 宋体">，官方推荐的使用</span><span style="font-family: Calibri">git</span><span style="font-family: 宋体">下载</span></p>
<p>git clone <span style="text-decoration: underline">https://github.com/opendingtalk/eapp-corp-quick-start-fe.git</span></p>
<p> </p>
<p><span style="font-family: 宋体">最后把下载好的</span>IDE<span style="font-family: 宋体">安装好，导入项目</span></p>
<p> <img src="https://img2020.cnblogs.com/blog/1041077/202004/1041077-20200419113324651-1732011048.png"></p>
<p> </p>
<p><span style="font-family: 宋体">配置</span>js<span style="font-family: 宋体">，设置方问的路径</span></p>
<p> <img src="https://img2020.cnblogs.com/blog/1041077/202004/1041077-20200419113349374-1920171547.png"></p>
<p> </p>
<p><span style="font-family: 宋体">就可以预览效果了</span>···</p>
<p> <img src="https://img2020.cnblogs.com/blog/1041077/202004/1041077-20200419113356014-211597071.png"></p>
<p> </p>
<p>参考文档：<span style="text-decoration: underline">https://ding-doc.dingtalk.com/doc#/bgb96b/gx9vwr</span></p>
<p> </p>
<p><span style="font-family: 宋体">钉钉小程序是类似于</span>react和vue的刷新数据就会重新渲染页面的一种简单的开发模式</p>
<p> </p>
<p>文件结构</p>
<p> </p>
<p>app层</p>
<p> <img src="https://img2020.cnblogs.com/blog/1041077/202004/1041077-20200419113442746-685857510.png"></p>
<p> </p>
<p>page<span style="font-family: 宋体">层</span></p>
<p> </p>
<p> <img src="https://img2020.cnblogs.com/blog/1041077/202004/1041077-20200419113450715-1192444598.png"></p>
<p> </p>
<p><span style="font-family: 宋体">页面</span>js<span style="font-family: 宋体">分逻辑层和视图层，</span></p>
<p> <img src="https://img2020.cnblogs.com/blog/1041077/202004/1041077-20200419113507732-110969104.png"></p>
<p> <img src="https://img2020.cnblogs.com/blog/1041077/202004/1041077-20200419113519930-441371139.png"></p>
<p>这个就是刷新数据，同时也刷新了页面</p>
<p> </p>
<p>参考文档：<span style="text-decoration: underline">https://ding-doc.dingtalk.com/doc#/dev/yqm3sq</span></p>
<p> </p>
<p><span style="font-family: 宋体">然后下载服务端代码以</span>java<span style="font-family: 宋体">为例</span></p>
<p>git clone <span style="text-decoration: underline">https://github.com/opendingtalk/eapp-corp-quick-start-java.git</span></p>
<p> </p>
<p><span style="font-family: 宋体">下载好以后，找一个开发工具导入，比如</span>IDEA<span style="font-family: 宋体">或者</span><span style="font-family: Calibri">eclipse</span><span style="font-family: 宋体">导入项目，项目是</span><span style="font-family: Calibri">maven</span><span style="font-family: 宋体">的，配置好</span><span style="font-family: Calibri">maven</span><span style="font-family: 宋体">仓的配置地址，更新</span><span style="font-family: Calibri">maven</span><span style="font-family: 宋体">项目，等常规操作，项目不报错以后</span></p>
<p>修改服务器配置代码Constant.java</p>
<p> </p>
<p> <img src="https://img2020.cnblogs.com/blog/1041077/202004/1041077-20200419113553446-581379531.png"></p>
<p><span style="font-family: 宋体">就可以跟前端代码联调了，，，不用写</span>jsapi<span style="font-family: 宋体">鉴权代码，也不用写复杂的回调方法。。。</span></p><br><br>
来源：https://www.cnblogs.com/ZenoLiang/p/12730786.html
頁:
[1]