文章目录
前言
公司需要使用飞书软件,所以转战飞书开发,也是对新知识的探索与研究,飞书SDK也一直都在更新,路虽远,行必达。
<1>飞书前端JSSDK
1、官网地址:https://open.feishu.cn/document/uYjL24iN/uITO4IjLykDOy4iM5gjM
2、当前使用的飞书前端JSSDk的版本:1.5.4
<!-- 在html文档中 -->
<script type="text/javascript" src="https://sf1-scmcdn-tos.pstatp.com/goofy/ee/lark/h5jssdk/lark/js_sdk/h5-js-sdk-1.5.4.js"></script>
3、vue版本2.x
<2>使用步骤
1.将JSSDK引入到VUE
在vue项目根目录的index.html文件中,将上面的SDK复制到<head
>与<body
>标签之间,如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>feishu-vue</title>
</head>
<!-- 飞书JSSDK -->
<script type="text/javascript" src="https://sf1-scmcdn-tos.pstatp.com/goofy/ee/lark/h5jssdk/lark/js_sdk/h5-js-sdk-1.5.2.js"></script>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
2.测试JSSDK
1、注册飞书APP应用,入口可以直接写个域名,然后指向127.0.0.1,vue项目入口也配置成这个域名
2、打开注册的APP,例如(神羡慕):
3、vue项目测试代码如下:
hiOk() {
window.h5sdk.ready(() => {
// lark.ready参数为回调函数,在环境准备就绪时触发
alert('ok');
});
},
4、测试结果:
总结:
1、前端JSSDK引入简单
2、这样操作不能调试
3、用户体验不是很好
4、接下来得研究飞书前端JSSDK调试工具
tip:如有缺陷,望大神不吝赐教,一起学习