暂无图片
暂无图片
1
暂无图片
暂无图片
1
暂无图片

【国产化】Loongson mips64el Electron应用适配

hCodeisDawn 2021-09-16
5557


0
背景
20年底21年初,各地市多部门已将国产化工作提上日程,国产化进程的加速给国产机桌面应用的开发带来了巨大冲击,对于Electron框架构建的桌面应用也不例外。
Electron框架可完美支持多数Cpu架构,但是在Loongson mips64el架构下无法正常安装,经查找官方绝大多数Electron版本无mips64el架构模块包,只有为数不多的几个版本支持,Electron v1.8.8便是其中之一,故可通过降级Electron版本实现适配(Electron降级会导致浏览器内核降级,特性减少,项目代码改动量较大)。
本文所述非Electron降级方案,本文针对mips64el架构Electron应用移植问题,从 环境搭建 - 应用开发 - 程序编译 - 打包安装 四个阶段描述Electron v10.1.0mips64el下构建桌面应用的过程。(Electron跨端应用开发记录)


1
环境搭建

1. 国产环境

2. Python 2.7.x

    sudo apt install python
    复制

    3. Nodejs

      sudo apt install nodejs
      复制

      4. Npm

        sudo apt install npm
        复制

        5. VSCode 

          # 安装包:http://ftp.loongnix.org/os/loongnix/1.0/os/Packages/v/vscode-1.35-2.fc21.loongson.mips64el.rpm
          复制


          2
          应用开发

          1. 应用代码

          2. Electron mips64el离线包

            # 官方地址:http://ftp.loongnix.org/os/loongnix/1.0/electron/electron/
            复制
            原工程Electron版本为9.1.0,故此处选择Electron-v10.1.0

            3. Electron离线包封装

            electron_v10.1.0.tar.gz离线包仅为编译后的资源包(dist),无法直接安装(直接安装报错如下)。

            解决如下:

            • Deepin-uos(非mips架构)系统下安装Electron-v10.1.0版本

            • 提取除dist、node_modules文件夹外的文件,将官方资源包拷贝至dist目录,重命名整个文件夹 ->ielectron

             4. 项目环境构建
            • 初始化:ielectron安装

            • 运行:npx electron .

            • 完善npm模块

            • 重新运行(至此已完成Electron应用移植)


            3
            程序编译

            1. Electron-builder(如图所示,明确说明不支持mips64el架构)

            2. Electron-packager

            electron-version属性必须设置(electron v1.8.8 版本打包)

            3. 将打包生成的asar文件移至最初的electron-v10.1.0文件夹内

            4. 运行electron-v10.1.0内的electron(至此绿色版资源包已完成)


            4
            打包安装

            1. 准备工作

            2. 执行打包

              sudo dpkgb demo pisces_mips64el.deb
              复制

              3. 应用安装


              文章转载自hCodeisDawn,如果涉嫌侵权,请发送邮件至:contact@modb.pro进行举报,并提供相关证据,一经查实,墨天轮将立刻删除相关内容。

              评论

              !!~
              暂无图片
              3年前
              评论
              暂无图片 0
              大佬大佬,我也是走的你这种方案做的,不过打完.deb包安装后发现应用图标是electron的默认图标,请问如何自定义图标呢?
              3年前
              暂无图片 点赞
              评论