uniapp运行钉钉小程序

news/2024/7/20 0:51:29 标签: uni-app, 钉钉, 小程序

因项目原因,公司需要在钉钉里面开发小程序。之前用uniapp开发过app,H5,小程序。还真没尝试过钉钉小程序,今天就简单的记录下uniapp运行钉钉小程序中的过程。

在项目目录新建package.json文件,在文件中添加如下代码:
在这里插入图片描述
这样在项目目录中unpackage文件下生成支付宝的项目文件包。
在这里插入图片描述
然后点击运行 找到钉钉小程序,项目开始运行编译。
在这里插入图片描述
在项目运行时会提示安装支付宝小程序开发者工具,按照提示安装好。打开支付宝开发者工具。
在这里插入图片描述
点击打开项目,在这里找到项目目录中unpackage文件下生成支付宝的项目文件包
在这里插入图片描述
导入成功后,在项目类型中选择钉钉,这里根据大家的需求来选择,默认选择的是支付宝小程序。选择好后类型便进入到编辑器中了。
在这里插入图片描述

在这里先用钉钉登录,然后在关联上在钉钉控制台创建的小程序应用。这里我是提前在公司账号下创建好了。
在这里插入图片描述
这样就算是管理成功,重新运行项目,通过预览便可再钉钉自动启动小程序

接下来便是在uniapp中引入uview框架了,这里如何安装我就不写了,大家可以去uview网站看下安装方法。在安装好uview框架后,我们在页面中使用组件或者按钮时,一定要在外层写一个view标签,不然组件不显示而且样式还不对。
在这里插入图片描述
针对uiapp运行钉钉小程序,今天先写到这了。接下来有遇到其它问题再来记录总结。同时也欢迎大家点评。


http://www.niftyadmin.cn/n/5428079.html

相关文章

【海贼王的数据航海】栈和队列

目录 1 -> 栈 1.1 -> 栈的概念及结构 1.2 -> 栈的实现 1.2.1 -> Stack.h 1.2.2 -> Stack.c 1.2.3 -> Test.c 2 -> 队列 2.1 -> 队列的概念及结构 2.2 -> 队列的实现 2.2.1 -> Queue.h 2.2.2 -> Queue.c 1 -> 栈 1.1 -> 栈的…

vue:功能【xlsx】纯前端导出Excel

一、安装插件 npm i -S file-saver xlsx npm i -D script-loader 二、引入 import FileSaver from "file-saver"; import XLSX from "xlsx"; 三、封装的代码 注:生成的excel封装的方法如下(支持表头合并、导出的 excel 支持生成…

备战蓝桥杯Day25 - 二叉搜索树查询和删除操作

一、查询 递归查询 寻找的值比根节点大&#xff0c;遍历右子树&#xff1b; 寻找的值比根节点小&#xff0c;遍历左子树。 def qurey(self, node, val):if not node: # 没有节点&#xff0c;返回空return Noneif node.data < val:return self.qurey(node.rchild, val)el…

vue-vben-admin的编译运行

更多ruoyi-nbcio功能请看演示系统 gitee源代码地址 前后端代码&#xff1a; https://gitee.com/nbacheng/ruoyi-nbcio 演示地址&#xff1a;RuoYi-Nbcio后台管理系统 更多nbcio-boot功能请看演示系统RuoYi-Nbcio亿事达企业管理平台 gitee源代码地址 后端代码&#xff1a;…

电子学会 2023.03 Python 3级(yanpuxin)

十进制数111转换成二进制数是&#xff1f; 1、十进制数111转换成二进制数是&#xff1f;&#xff08; &#xff09; A 111 B 1111011 C 101111 D 1101111 正确答案:D 试题解析: 十进制转二进制&#xff0c;采用除二倒取余数&#xff0c;直到商为0为止。 2、某班有36人…

html--钢琴

代码 <!DOCTYPE html> <html> <head> <meta http-equiv"Content-Type" content"text/html; charsetutf-8" /> <title>html钢琴</title> <script src"js/js.js"></script> <link href"…

大模型日报|今日必读的7篇大模型论文

大家好&#xff0c;今日必读的大模型论文来啦&#xff01; 1.达摩院新研究&#xff1a;从故事到视频制作&#xff0c;智能体驱动的进化系统 论文标题&#xff1a; AesopAgent: Agent-driven Evolutionary System on Story-to-Video Production 论文链接&#xff1a; https://…

地下管网的“守门员”:智能井盖监控器

井盖&#xff0c;作为城市道路上的关键组成部分&#xff0c;其重要性不言而喻。一旦井盖未能得到妥善安装或及时维护&#xff0c;可能会引发一系列安全问题。井盖可能会开盖、松动或移位&#xff0c;这些状况不仅构成了交通隐患&#xff0c;还可能导致地下管网的损坏&#xff0…