Powerbi 可视化插件开发环境搭建(一)

Myth丶恋晨 2022-12-03 13:22 730阅读 0赞

环境准备：

\- windows 电脑一台安装win10 x64操作系统

1、安装需要的软件

powerbi Destop

nodejs 是为了做前端构建

vsCode 是编辑器

下载powerbi Destop 英文地址 [https://powerbi.microsoft.com/en-us/desktop/][https_powerbi.microsoft.com_en-us_desktop] 中文地址 [https://powerbi.microsoft.com/zh-cn/desktop/][https_powerbi.microsoft.com_zh-cn_desktop]

nodejs中文网 下载地址 [http://nodejs.cn/download/][http_nodejs.cn_download] nodejs官网下载地址 [https://nodejs.org/en/download/][https_nodejs.org_en_download]

[点击这里进行安装][Link 1] [https://cdn.npm.taobao.org/dist/node/v14.9.0/node-v14.9.0-x64.msi][Link 1]

下载vsCode

[https://code.visualstudio.com/Download][https_code.visualstudio.com_Download]

[https://visualstudio.microsoft.com/zh-hans/][https_visualstudio.microsoft.com_zh-hans]

2、使用PowerShell 切换到国内源(网络好的情况下也可以不切换)

npm config set registry https://registry.npm.taobao.org

3、使用PowerShell 全局安装 pbiviz

npm i -g powerbi-visuals-tools

4、使用PowerShell 创建和安装证书

pbiviz --install-cert

证书创建账户如下

C:\Users\osmeteor>pbiviz --install-cert
     error  Certificate not found. The new certificate will be generated
     info   Certificate generated. Location is C:\Users\osmeteor\AppData\Roaming\npm\node_modules\powerbi-visuals-tools\certs\PowerBICustomVisualTest_public.pfx. Passphrase is '这是你的证书密码'

5、打开证书导入向导

C:\Users\osmeteor>pbiviz --install-cert
     info   Use '这是你的证书密码' passphrase to install PFX certificate.

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tsbHh5dQ_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tsbHh5dQ_size_16_color_FFFFFF_t_70 1][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tsbHh5dQ_size_16_color_FFFFFF_t_70 2][]

选择将所有的证书放入一下存储 然后点击预览

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tsbHh5dQ_size_16_color_FFFFFF_t_70 3][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tsbHh5dQ_size_16_color_FFFFFF_t_70 4][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tsbHh5dQ_size_16_color_FFFFFF_t_70 5][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tsbHh5dQ_size_16_color_FFFFFF_t_70 6][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tsbHh5dQ_size_16_color_FFFFFF_t_70 7][]

![20200903224556357.png][]

接下里我们需要登陆[国际版地址][Link 2]: [https://app.powerbi.com/][https_app.powerbi.com] [国内版本地址][Link 3]: [https://app.powerbi.cn/][Link 3]

启用开发人员视觉对象测试

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tsbHh5dQ_size_16_color_FFFFFF_t_70 8][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tsbHh5dQ_size_16_color_FFFFFF_t_70 9][]

环境搭建就完成了 接下来就可以开始愉快的开发了

相关资料

[https://docs.microsoft.com/zh-cn/power-bi/developer/visuals/custom-visual-develop-tutorial][https_docs.microsoft.com_zh-cn_power-bi_developer_visuals_custom-visual-develop-tutorial]

[https://docs.microsoft.com/en-us/power-bi/developer/visuals/power-bi-custom-visuals][https_docs.microsoft.com_en-us_power-bi_developer_visuals_power-bi-custom-visuals]

[https_powerbi.microsoft.com_en-us_desktop]: https://powerbi.microsoft.com/en-us/desktop/
[https_powerbi.microsoft.com_zh-cn_desktop]: https://powerbi.microsoft.com/zh-cn/desktop/
[http_nodejs.cn_download]: http://nodejs.cn/download/
[https_nodejs.org_en_download]: https://nodejs.org/en/download/
[Link 1]: https://cdn.npm.taobao.org/dist/node/v14.9.0/node-v14.9.0-x64.msi
[https_code.visualstudio.com_Download]: https://code.visualstudio.com/Download
[https_visualstudio.microsoft.com_zh-hans]: https://visualstudio.microsoft.com/zh-hans/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tsbHh5dQ_size_16_color_FFFFFF_t_70]: /images/20221123/a265bf7d9a5a4a65b625b3bcdbd333ea.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tsbHh5dQ_size_16_color_FFFFFF_t_70 1]: /images/20221123/c5a0735364d743b3918f0b2c8c65260e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tsbHh5dQ_size_16_color_FFFFFF_t_70 2]: /images/20221123/f4eea123aa4a42f9b00dc7d989bf59fb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tsbHh5dQ_size_16_color_FFFFFF_t_70 3]: /images/20221123/b99acfaa78de4c0fa8feb1d6022f161d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tsbHh5dQ_size_16_color_FFFFFF_t_70 4]: /images/20221123/5de3869152654c5ab535d8ad858755d4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tsbHh5dQ_size_16_color_FFFFFF_t_70 5]: /images/20221123/f5639549ac9c4996b5a88ca0b3e6d411.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tsbHh5dQ_size_16_color_FFFFFF_t_70 6]: /images/20221123/80bae17cabed4c16b333da5f40ee3877.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tsbHh5dQ_size_16_color_FFFFFF_t_70 7]: /images/20221123/bb66a583e47d4b1e9383e51cca5a4847.png
[20200903224556357.png]: /images/20221123/313f3ce11d6e48328ef82e9392de2113.png
[Link 2]: http://xn--https-rfa//app.powerbi.com/%C2%A0
[https_app.powerbi.com]: https://app.powerbi.com/
[Link 3]: https://app.powerbi.cn/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tsbHh5dQ_size_16_color_FFFFFF_t_70 8]: /images/20221123/2a30f28eb32c42648538f203f98a84a6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tsbHh5dQ_size_16_color_FFFFFF_t_70 9]: /images/20221123/d733d61a34a14a678393966da310139d.png
[https_docs.microsoft.com_zh-cn_power-bi_developer_visuals_custom-visual-develop-tutorial]: https://docs.microsoft.com/zh-cn/power-bi/developer/visuals/custom-visual-develop-tutorial
[https_docs.microsoft.com_en-us_power-bi_developer_visuals_power-bi-custom-visuals]: https://docs.microsoft.com/en-us/power-bi/developer/visuals/power-bi-custom-visuals