首页 > 电脑专区 > 电脑教程 >

如何用前端技术开发混合桌面应用软件

来源:互联网 2023-02-21 20:59:21 版权归原作者所有,如有侵权,请联系我们

web 原生的混合应用因为其开发速度、更新速度快已经成为当今比较流行开发方式,借助有道开源软件hex,就可以用html、css、javascript这些前端技术来开发桌面软件~Ikf办公区 - 实用经验教程分享!

如何用前端技术开发混合桌面应用软件Ikf办公区 - 实用经验教程分享!

工具/原料

  • hex
  • chrome

方法/步骤

  • 1

    本经验以hex为例讲解前端技术开发桌面应用的流程。Ikf办公区 - 实用经验教程分享!

    百度搜索“hex 有道”,找到有道hex的官网进行下载,也可以在github上搜索hex进入官网。Ikf办公区 - 实用经验教程分享!

    如何用前端技术开发混合桌面应用软件Ikf办公区 - 实用经验教程分享!

    如何用前端技术开发混合桌面应用软件Ikf办公区 - 实用经验教程分享!

  • 2

    下载后解压,找到Release目录,双击hexclient.exe即可打开软件,正常运行效果如下图。这里显示的是chrome的版本信息。Ikf办公区 - 实用经验教程分享!

    如何用前端技术开发混合桌面应用软件Ikf办公区 - 实用经验教程分享!

    如何用前端技术开发混合桌面应用软件Ikf办公区 - 实用经验教程分享!

  • 3

    下面来编写一个属于自己的页面。新建一个src目录,并创建一个index.html文件,编辑一下,在里面写上一段代码并保存。Ikf办公区 - 实用经验教程分享!

    如何用前端技术开发混合桌面应用软件Ikf办公区 - 实用经验教程分享!

  • 4

    回到Release目录下,打开manifest.json文件。这个是软件的配置文件,这里有很多配置项,有兴趣大家可以去官网查看,我们这里只修改first_page这个属性的值,改为我们刚才生成的文件。注意:$(AppDir)为Release路径Ikf办公区 - 实用经验教程分享!

    如何用前端技术开发混合桌面应用软件Ikf办公区 - 实用经验教程分享!

  • 5

    再次运行程序,我们看到了自己编写的页面,执行成功!Ikf办公区 - 实用经验教程分享!

    如何用前端技术开发混合桌面应用软件Ikf办公区 - 实用经验教程分享!

  • 5相关内容非法爬取自百度经验
  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Ikf办公区 - 实用经验教程分享!


    标签: 桌面技术混合

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号