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 [email protected]:djyde/WebShell.git APP_NAME 就能建立一个 app project 跑起来。

Demo

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

下载

这个是 JS Bin

下载

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

hackernews 讨论贴 https://news.ycombinator.com/item?id=10767293

[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'` 感觉差不多。。

[ETiV]

这个世界怎么了……
光是 WebView 怎么能说是 native app ……

[djyde]

@sox 👍

[sox]

@ETiV 全部原生 swift/oc 代码怎么不是 native app 了

[canautumn]

很多年前有一个叫 Fluid 的 App 可以实现类似功能，还支持 Badge Icon 之类的。

[Citrus]

建议楼主了解一下 WebShell 这个词的意思。。。看得我好蛋疼。。。

[pynix]

cordova

[Wao]

有计划加入对本地离线资源的支持吗？ 想自己打包个本地下载好的 YAAW

[TangMonk]

@djyde , A picture is worth a thousand words :p

[djyde]

@TangMonk ok, 是项目配置的问题

[g0thic]

WebShell 。。。。难道是我以前理解的 webshell 有问题

[MrX]

@Wao https://github.com/yangshun1029/aria2gui

[AWSAM]

要是能支持配置 socks5 代理就好了

[djyde]

@AWSAM 自动会走 socks5 的

[djyde]

@g0thic
@Citrus

不知道有 webshell

[panlilu]

这名字的确让人误解。。。 webshell

[AWSAM]

@djyde 能每个应用走不同的代理吗

[djyde]

@AWSAM 不能

[YuJianrong]

我想了想是不是 chrome 的 app 就是做这件事情的……

[djyde]

@YuJianrong 是

[hst001]

我没记错，一行命令就可以了
chrome --app=http://xxxx

[djyde]

@hst001 cool

[jaminzzhang]

非常 cool 的东西，厉害。