2014年12月21日 星期日

How to use Sencha Cmd for Chrome offline App

之前就試過直接用 sencha cmd build 出來的 code 是沒辦法在 Chrome App 模下執行的
像這個教學中,他是使用 ext-all-dev.js 及 app.js 而不是使用 Sencha Cmd build 出來的 code
如果直接用 build 出來的 code , 整個 Extjs 會因為安全因素而無法初始化完成

在 console 看到下列的訊息
Refused to execute inline script because it violates the following Content Security Policy directive: "default-src 'self' chrome-extension-resource:". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution. Note also that 'script-src' was not explicitly set, so 'default-src' is used as a fallback.

但是只要加上這個設定 app.output.manifest.embed=true,build 出來的 code 就可以正常的初始化了 :-)
不過還有沒有其他的問題就不知道了 :P

參考資料:
https://crxdoc-zh.appspot.com/apps/sencha_framework
http://www.sencha.com/blog/how-to-create-google-chrome-apps-and-extensions-from-your-ext-js-app/