WebShell - 把 web app 打包成 native OS X app

[djyde]

http://djyde.github.io/WebShell/

有很多时候我希望一个常用的 web app 是一个 native app 而不是一个 browser tab. 所以我学了一下 swift 和 cocoa ，想把自己常用的一些 web app 做成 native app 。这个 native app 仅仅是一个包含 WebView 的窗口就够了。

结果我发现每个 app 都这样做很费时间，所以我决定写一个基础的 seed project ——把基本的逻辑都写好，这样做一个新的 app 的时候只需要 clone 一下这个 seed project 然后改个 url 就完成了。

于是就有了 WebShell ，你只需要在 ViewController.swift 里改一些 configurations ，改个 icon ，立即就能把 web app 当成 native app 来跑，然后用 xcode archive 一个 .app 包就能使用。

比如说你现在只需要 $ git clone [e-mail]:djyde/WebShell.git APP_NAME 就能建立一个 app project 跑起来。

Demo

这个是用 WebShell build 的 StackEdit (一个 markdown editor):

下载

这个是 JS Bin

下载

开源地址 http://djyde.github.io/WebShell/

[djyde]

另外求懂 osx 开发的朋友帮忙 fix 一下 issue 的问题 😂

[oott123]

相比 electron 和 nw.js 有什么优势呢？

[djyde]

@oott123 electron 和 nw.js 包装了整个 node.js runtime, 而 WebShell 仅仅是一个 WebView 。做的事情不一样，没法比较

[oott123]

_(:з」∠)_也就是说你是它的子集咯。

其实我就是看楼主冷场了来凑个热闹，并没有 Mac OS 设备。（

[oott123]

（对了，在 Windows 上这个叫 hta

[chemzqm]

这个搞起来简单啊，但是应该不能跨平台

[little_cup]

以前拿 MacGap 打包试过，不过不会 OS X 开发，支持楼主！
希望可以自定义 UA ，和可以支持改变状态栏颜色，直接在配置中指定或者读取 Chrome theme-color 都好。

[ericshine]

解决了极大痛点

[djyde]

@little_cup 可以提个 issue

[v1024]

支持推送消息到通知中心吗？支持自定义 logo 吗？ cookie 和 localstorage 如何处理的？

[djyde]

@v1024 notification 还在做， cookie 和 localstorage 和浏览器一样。 icon 是在 xcode 里自己 drag 进去的

[kendetrics]

槽我一直想要个 StackEdit 的客户端
好评如潮

[l0wkey]

是否可以自定义引入文件， 如 js ， css

[poke707]

Logo 不错

[djyde]

@l0wkey 这样做会让 WebShell 变成一个 browser..

[l0wkey]

@djyde 哈哈哈， browser 默认情况下才不会允许自定义 css 和 js

[TangMonk]

not work on 10.10

[djyde]

@TangMonk what meas "not work"?

[ericshine]

应该也可以试试在 iOS 上做同样的事情。

[sox]

我用 MacGap 写了一句 `location.href = 'xxx'` 感觉差不多。。