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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3291 天前的主题，其中的信息可能已经有所发展或是发生改变。

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/

第 1 条附言 · 2015-12-21 16:59:34 +08:00

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

42 条回复 • 2015-12-26 21:21:45 +08:00

djyde

2015-12-21 13:17:59 +08:00

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

oott123

2015-12-21 16:24:00 +08:00 via Android

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

djyde

2015-12-21 16:35:22 +08:00

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

oott123

2015-12-21 16:43:49 +08:00 via Android

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

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

oott123

2015-12-21 16:45:42 +08:00 via Android

（对了，在 Windows 上这个叫 hta

chemzqm

2015-12-21 16:48:11 +08:00

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

little_cup

2015-12-21 16:50:23 +08:00

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

ericshine

2015-12-21 16:54:08 +08:00

解决了极大痛点

djyde

2015-12-21 17:00:18 +08:00

@little_cup 可以提个 issue

v1024

2015-12-21 18:48:13 +08:00 via iPhone

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

djyde

2015-12-21 20:19:12 +08:00

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

kendetrics

2015-12-21 20:41:13 +08:00

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

l0wkey

2015-12-21 20:52:35 +08:00

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

poke707

2015-12-21 20:53:44 +08:00 via Android

Logo 不错

djyde

2015-12-21 21:08:30 +08:00

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

l0wkey

2015-12-21 21:15:48 +08:00

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

TangMonk

2015-12-21 21:17:54 +08:00

not work on 10.10

djyde

2015-12-21 21:18:52 +08:00

@TangMonk what meas "not work"?

ericshine

2015-12-21 23:30:37 +08:00

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

sox

2015-12-21 23:33:18 +08:00

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

ETiV

2015-12-21 23:37:19 +08:00 via iPhone

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

djyde

2015-12-21 23:49:46 +08:00

@sox 👍

sox

2015-12-22 00:06:37 +08:00

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

canautumn

2015-12-22 00:20:22 +08:00

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

Citrus

2015-12-22 00:29:01 +08:00 via iPhone

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

pynix

2015-12-22 06:17:27 +08:00

cordova

Wao

2015-12-22 08:27:21 +08:00

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

TangMonk

2015-12-22 09:01:37 +08:00

@djyde

, A picture is worth a thousand words :p

djyde

2015-12-22 09:22:58 +08:00

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

g0thic

2015-12-22 09:32:44 +08:00

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

MrX

2015-12-22 10:00:18 +08:00

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

AWSAM

2015-12-22 10:03:06 +08:00

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

djyde

2015-12-22 10:11:20 +08:00

@AWSAM 自动会走 socks5 的

djyde

2015-12-22 10:15:46 +08:00

@g0thic
@Citrus

不知道有 webshell

panlilu

2015-12-22 10:15:46 +08:00

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

AWSAM

2015-12-22 13:28:46 +08:00

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

djyde

2015-12-22 13:47:15 +08:00

@AWSAM 不能

YuJianrong

2015-12-22 15:49:54 +08:00

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

djyde

2015-12-22 15:51:14 +08:00

@YuJianrong 是

hst001

2015-12-23 14:24:27 +08:00

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

djyde

2015-12-23 14:26:51 +08:00

@hst001 cool

jaminzzhang

2015-12-26 21:21:45 +08:00

非常 cool 的东西，厉害。