在开始 PWC 开发前，请先根据目标端完成相应准备。

PWC 当前支持移动端和 Web 端，但两端的开发方式并不一致：

• 移动端：通过在线 IDE 开发并预览
• Web 端：通过本地开发环境开发，需要安装 VS Code 和 sharedev 插件

运行环境概览

在阅读具体准备事项前，建议先了解两端的基本差异。

维度	移动端	Web 端
运行环境	纷享 APP / 小程序运行时	浏览器 / Vue 2 宿主环境
开发方式	在线 IDE	本地开发
调试方式	在线预览、宿主环境验证	VS Code、本地调试、浏览器调试
API 能力	小程序能力 + 平台开放能力	Web 宿主能力 + 平台开放能力
性能关注点	包体积、启动性能、资源加载	页面渲染、交互响应、依赖管理

通用准备事项

权限准备

在进行 PWC 开发前，请确保账号具备以下权限：

• 定制开发平台权限
• 对象管理配置权限
• 流程管理配置权限
• 界面定制管理配置权限
• 互联管理配置权限
• 门户管理配置权限

重要

建议在开发前统一确认账号权限是否齐全，避免在开发或调试阶段因权限不足导致功能不可见或行为异常。

基础技术要求

• 熟悉 JavaScript / HTML / CSS
• 理解组件化与模块化开发思想
• 具备基本的前端调试与问题定位能力

核心概念理解

在开始开发前，需先理解以下核心概念：

• PWC（Page Web Component）
• 自定义组件
• 自定义插件
• 运行时上下文（Context）
• 钩子（Hook）

开发准备

移动端

移动端 PWC 运行于纷享 APP 内的小程序运行时，对性能、包体积和运行稳定性有更高要求。

开发环境

移动端开发需准备以下条件：

• 可用的在线 IDE 环境
• 可登录的测试或沙盒账号
• 可用于真实验证的纷享 APP 环境

开发与预览

• 通过在线 IDE 进行开发
• 通过在线预览或宿主环境进行验证
• 建议在真实移动端环境中确认交互和能力表现

移动端注意事项

• 不支持直接操作 DOM
• 注意包体积与资源加载方式
• 关注页面生命周期差异及性能影响

Web 端

Web 端开发基于本地开发环境，建议先完成工具安装后再进入具体开发。

开发环境

Web 端开发需准备以下条件：

• 安装 VS Code
• 安装 sharedev 插件
• 准备可用的测试环境与账号

开发与调试

• 通过 VS Code 和本地环境进行开发
• 结合浏览器调试能力进行问题排查
• 结合宿主环境做最终联调验证

Web 端注意事项

• 不要直接复用移动端组件和插件定义
• 注意依赖管理、资源引用和宿主环境差异
• 以 Web 端参考手册中的定义为准

下一步

完成开发前准备后，你可以继续阅读以下内容：

• 开发总览
• 能力地图
• 组件指南
• 插件指南