• Home
  • Categories
  • WIKI
  • LANGUAGE: en
    • [software development] Electron Wrapper Next套件正式开源,新晋页面Electron适配构建方案
    Technology Exchange 417 views · 3 replies ·
    Tofloor
    poster avatar
    Ziggy
    deepin
    2024-10-10 11:48
    Author

    Electron Wrapper Next

    https://github.com/ziggy1030/electron-wrapper-next

    本项目当前由deepin-community下属SIG: Deepin Game Hub 负责主要内容维护

    Electron Wrapper Next用来包装任何一个网页到一个Electron应用。目前引用了应用商店的 com.electron包作为依赖。
    在结合本地npm缓存下,仅需数分钟即可产出任何一个网页封装之后的Electron二进制程序!

    本项目是Electron wrapper by Oyami-Srk的正统精神传承，并承诺永久开源

    使用方法

    1. 新建一个构建目录,将 Electron Wrapper项目 template目录下的所有文件、目录复制到该构建目录中
    2. 修改 build.sh中的部分必填变量值：
    NODE_PATH=""
ELECTRON_VERSION=""
export PACKAGE=""
export NAME=""
export NAME_CN=""
export URL="icon.png::icon-url"
export HOMEPAGE="" # wrapper content

    必填变量解释:

    变量 作用
    NODE_PATH 设置Node.js二进制执行文件所在根目录
    ELECTRON_VERSION 设置本次构建项目所使用的ELECTRON版本
    PACKAGE 该应用构建后生成的包名
    NAME 应用通用名称
    NAME_CN 应用中文名称
    URL 图标文件地址
    HOMEPAGE 程序主页面地址

    *备注:
    其中URL用来下载图标，icon-url应当替换成图标的地址，图标不能是ico格式。实际案例可参考recipes中的demo项目
    HOMEPAGE的值就是会被包装的网页的链接。
    你也可以在构建目录下放置任意js文件，以注入到加载后的网页里面。

    1. 根据实际环境自定义 build.sh中的部分操作：
      可以根据实际环境条件及需求将 npm替换为 cnpm、pnpm等
    2. 保存修改的内容后，在该目录下执行 build.sh脚本即可开始构建，构建完成后将会在构建目录的 out目录下生成可直接执行的完整二进制程序目录
    Reply Favorite View the author
    All Replies
    Ziggy
    deepin
    2024-10-10 11:48
    #1

    TODO-List

    文档类

    1. 整理TODO-List

    技术迭代

    1. 支持自动将 out目录的二进制资源封装为具备规范命名格式的tar归档压缩包
    2. 支持利用构建完成的二进制资源封装为deb软件安装包
    3. 支持利用构建完成的二进制资源封装为如意玲珑(Linyaps)软件安装包
    4. 支持通过传入参数的形式，批量将不同页面设置为独立构建目录并自动开始构建
    Reply View the author
    神末shenmo
    deepin
    Spark-App
    2024-10-10 12:33
    #2

    去除依赖之后更好集成了

    不过批量推网页应用去玲珑这可~

    joy

    Reply View the author
    柠萌~
    deepin
    2024-10-10 20:15
    #3

    like

    Reply View the author