Microsoft Fabric - 试一下在前端应用中使用 GraphQL API去连接Lakehouse

1.简单介绍

根据微软发布的信息,当前全球已经70%的财富500强在使用Microsoft Fabric,同时有95%的财富500强使用Power BI, Power BI的全球开发人员达到了650万,感觉社区挺大的。

这次打算尝试一下在前端的应用去使用Microsoft Fabric的新feature GraphQL API

2.具体说明

假定当前Microsoft Fabric中已经有一个LakeHouse table如下图

2.1 创建GraphQL API

  1. 点击Workspace中的New item按钮
  1. 选择 API for GraphQL 选项进行GraphQL API的创建,如下图
  1. 输入GraphQL API的名字,点击Create
  1. 选择第一个选项(Single-sign-on)
  1. 选择对应的Lakehouse
  1. 在出来的GraphQL API界面中,可以输入一个query,然后点击Run,将得到一些数据
  1. 点击 Copy endpoint,在弹出的GraphQL API链接窗口中,点Copy复制链接

2.2 注册应用程序

  1. 在Microsoft Extra ID中创建一下应用程序

note, 不需要有secret value

  1. 配置一下 API permission如下,需要的权限是Item.Execute.All

note, 不需要点击 Grant admin consent for MSFT

  1. 在Authentication中,点击Add a platform

右边弹出的面板中选择Single-page appliaction

  1. 配置回调地址为http://localhost:3000,如下图

5) 打开 Allow public client flows的开关

2.3 分配权限给注册应用

这边是在试验的环境中,直接在Workspace中进行权限的分配了,在正式的环境中,授权的粒度可以为Lakehouse和GraphQL API等。

点击 Add people or groups

输入要授权的注册应用程序,比如 MSFabricGraphQLAPIPractice ,分配的权限可以为Contribute

2.4 制作React应用程序

下面是获取Lakehouse(table publicholidays)的部分js

在配置的部分,输入之前注册应用程序的Application ID, Tenant ID, GraphQL API的链接

2.5 运行一下

在命令行中输入 npm start

点击Sign In进行登录

点击 Query Fabric API for Graph Data按钮

则对应的Lakehouse中Holiday table中将被展现出来了

3.总结

本文简单介绍了一下在Singe Page application中使用GraphQL API去获取Lakehouse数据的过程。Microsoft Fabric的体量非常庞大,同时新的功能也发布得很快。还需要跟着Microsoft Fabric的老师们学习一下。

本文如果哪里有错误的地方,麻烦告之,谢谢谢谢!

相关推荐
咕噜企业分发小米几秒前
阿里云AI教育产品如何助力企业提升客户粘性?
人工智能·microsoft·阿里云
MicrosoftReactor1 小时前
技术速递|利用 SLM 创建多智能体的 Podcast 解决方案
microsoft·ai·agent·slm
小宇的天下3 小时前
innovus Flip chip 产品设计方法(3)
数据库·windows·microsoft
小北方城市网6 小时前
GEO 元宇宙协同与自主进化治理实战:构建全域自治的智能地理生态
大数据·人工智能·microsoft·知识图谱·数据库架构·geo
桑榆肖物7 小时前
使用.NET实现企业微信应用接入:域名验证与消息处理
microsoft·.net·企业微信
研☆香7 小时前
html界面的树形菜单介绍与制作
前端·microsoft·html
web小白成长日记7 小时前
Vue3+ElementUI树形菜单:构建层次化用户界面
前端·microsoft·ui·面试·elementui
为自己_带盐20 小时前
从零开始玩转 Microsoft Agent Framework:我的 MAF 实践之旅-第二篇
后端·microsoft·ai·.net
web小白成长日记1 天前
前端三个月速成,是否靠谱?
前端·react.js·前端框架·html·reactjs·webkit·scss
宠..1 天前
奇怪的语法错误
运维·服务器·数据库·qt·microsoft