我们上周发布了FlutterSDK，这周我们来聊聊ElectronDemo源码。Electron由Github开发，是一个开源库，用于使用HTML、CSS和JavaScript构建桌面应用程序。可以打包为Mac、Windows、Linux系统下的应用程序。在在线教育、视频会议等行业场景中，桌面开发是刚需，但从头开始搭建一套包含实时音视频、交互式白板的云课堂或视频会议软件需要耗费大量的时间和人力.Pano开源了PanoVideoCall（以下简称PVC）的ElectronDemo源码，方便企业开发者开箱即用，快速打包上线。1.功能丰富本款Pano开源PVCDemo客户端支持丰富的功能，可以同时满足视频会议和1对N云课堂的需求。客户端集成Pano高清实时通讯sdk，可直接开启高性能音视频通讯，支持桌面共享；同时集成Pano交互白板，实现基本的轨迹同步功能，还支持视角跟随、文档转码、动态课件和激光教鞭等，其他丰富的功能可以满足会议协作、白板教学等多种场景。2.多平台支持Pano的开源PVCDemo客户端是基于Electron的。项目代码完全用Javascript编写。前端开发者无需Native开发也可以互相连接。同时支持打包到Windows和macOS，大大降低了开发和维护成本。成本和难度。开源项目中已经完成Windows和macOS的打包配置，开箱即用，直接运行打包命令打包到对应平台即可。三、项目使用介绍1、依赖安装下载项目代码后，cd到Electron/PanoVideoDemoVue目录下，执行yarn或npminstall安装项目依赖（国内Electron安装可能比较慢，已指定下载源作为项目中的taobao源）2.编译运行直接在项目目录下运行yarndev或npmrundev启动项目。使用Mac的开发者注意不要直接在VSCode集成shell中执行。需要使用系统shell或者iTerm运行命令，否则运行的应用会无法弹出权限申请框，导致崩溃3.设置appId和账号信息Step2运行成功后会自动出现如下app界面生成弹出：填写appId、token、channelId、userId等，开始调用。如果您还没有账号，可以进入PanoCloud控制台页面（https://console.pano.video/#/user/register），根据提示创建PanoCloud账号，然后进入申请管理页面新建应用，获取AppID，生成token。应用运行截图：4、配置ICON、应用名称等，我们贴心地将图标分配到apppico目录下。开发者只需要改变目录下的资源即可。.icns是macOS图标资源文件，.ico文件是Windows图标资源文件，可以通过修改package.json中的productName字段来修改应用名称。5、包签名公证项目已经完成包配置，直接运行命令即可完成打包：npmrunpkg:winpackageWindows平台安装包npmrunpkg:macpackagemacOS平台安装包签名公证:Windows平台签名需要pfx文件。macOS平台签名需要使用DeveloperID证书。打包后，需要进行公证（notarize）。项目中已经配置好，需要在公证脚本中添加app相关信息、开发者账号和短密码。以上配置信息保存在vue.config.js中，并做了相应的注释，帮助您轻松上手。结语以上PVCElectronDemo的源码是开源的，大家可以在我们的Github上下载体验：https://github.com/PanoVideo/PanoVideoDemogithub.com关注派乐云Pano的知乎，我们会分享给更多跨平台开发经验，基于PanoSDK的详细开发教程。
