当Mobile开发遇见Web技术

混合式架构的移动开发。西安移动开发者社区，第一次聚会的Session。

Transcript

1. ୮Mobile୏ݎ᭬ᥠ Webದ๞ Ⴐݳୗຝ຅ᑏۖ୏ݎ
2. 吕 健 Senior consultant Working at ThoughtWorks Full stack web developer iOS developer Github: @lvjian700 Email: lvjian700@gmail.com
3. Agenda • ႰݳୗҁHybrid҂ଫአ୏ݎฎெԍ๶ጱ • ই֜ᬰᤈႰݳୗଫአ୏ݎ • ౯ժጱႰݳୗᑏۖ୏ݎොໜ
4. iPhone ޾ Android iPhone ޾ Android ಋ๢ጱݎ૲҅మ᩸Ӟᙎᑏۖ୏ݎၵᄤ
5. HTML 5 ޾ CSS 3 ෛጱ Web ຽٵḒضࣁ Mobile ᦡ॓Ӥ஑کଠာֵአ
6. ߥଫୗWeb୏ݎ ӞॺڹᒒդᎱݢզᭇአग़ᐿᦡ॓
7. ᘸᷧଫአ ᔄ֒य़ռᅩᦧ
8. ؉Ӟӻᗑᒊ
9. ඪ೮ᑏۖ ֵአߥଫୗᗑᶭದ๞҅ඪ೮ग़ᐿᑏۖᦡ॓
10. ᗑᕶӧᑞਧ ኧԭᗑᶭ჉ວᵱᥝے᫹ق᮱ᶭᶎ҅Ᏻᥠᑏۖᦡ॓ᗑᕶӧঅጱ ఘ٭֛҅ḵय़಑ರಕ
11. ୏ݎMobileଫአ ֵአ Native ݢզ൉܋አಁ֛ḵ
12. Mobile ୏ݎՈާ ᵱᥝๅग़ጱ୏ݎՈާ
13. ԅग़ӻᦡ॓ᬰᤈ୏ݎ ӷॺդᎱ҅ᵱᥝๅग़ጱ Mobile ୏ݎ̶
14. ݎ૲ଫአ App Store զڹݎ૲ޮ๗ 1 ~ 2ޮ҅ሿࣁےளک 24 ੜ෸̶ Android ࣁࢵٖํग़ےଫአࠟମ҅ྯӻჀ᭲ํӧݶጱവଠᩒრ
15. ํဌํٌ՜ොໜҘ
16. ᗑᒊຝ຅ ๐ۓ࢏ᒒ჉ວᶭᶎ ᗑᒊ
17. API ຝ຅ ਖ਼ڹᒒܔᇿړᐶ҅ݸݣݝ൉׀API̶ਖ਼ڹᒒդᎱ಑۱کᑏۖ ଫአӾ ڹᒒդᎱ API
18. Apache Cordova ၞᤈጱႰݳୗᑏۖ୏ݎ໛ຝ
20. ൉׀ iOS ޾ Android Native ॎଫአ
21. WebView ے᫹ڹᒒդᎱ
22. Web դᎱ
23. ൊկᔮᕹ
24. ڹᒒդᎱ API
25. ୏ݎྍṈ Ⴒےଘݣ ڠୌᶱፓ ᖫٟڹᒒդᎱ ಑۱App ݎ૲App ᬩᤈ
26. ౯ժጱᥴ٬ොໜ • ள᭛ڠୌ App ҁiOS҅ Android҂ • ள᭛ๅෛ App҅ள᭛ḵᦤ features • ள᭛൫ୌࢫᴚᵱᥝጱचᏐᦡෞ
27. ౯ժጱᥴ٬ොໜ • ள᭛ڠୌ App ҁiOS҅ Android҂ • ள᭛ๅෛ App҅ள᭛ḵᦤ features • ள᭛൫ୌࢫᴚᵱᥝጱचᏐᦡෞ
28. Cordova ୏ݎૡٍ Angular
29. 3 ๵೰ե୏তૡ֢ ڠୌᶱፓ҅ᬰف෈կ४҅୏ސ server
31. ౯ժጱᥴ٬ොໜ • ள᭛ڠୌ App ҁiOS҅ Android҂ • ள᭛ๅෛ App҅ள᭛ḵᦤ features • ள᭛൫ୌࢫᴚᵱᥝጱचᏐᦡෞ
32. عݎ૲ๅෛ
33. ݎ૲App StoreӞེ ᒫӞਖ਼ Native ॎᑕଧ޾ HTML5 ଫአݎ૲کࠟମ Awesome
34. عݎ૲ๅෛ features ᕰ୏ App Store ੒ HTML 5 ୏ݎጱ feature ᬰᤈๅෛ҅Ԟᑍ ᶉἕๅෛ 2.0.0 Awesome
35. ᯈᗝ෈կ ᯈᗝԧಅํ features
36. ے᫹ feature ᭗ᬦᯈᗝ෈կӥ᫹ feature դᎱଚے᫹ک App Ӿ Awesome
37. عݎ૲ຝ຅ ᭗ᬦๅෛᯈᗝ෈կ೰ਧෛᇇ๜҅App տࣁአಁӥֵེአ feature ෸ֵአෛᇇ๜ App Server 2.0.0 Awesome App ᯈᗝ෈կ
40. ౯ժጱᥴ٬ොໜ • ள᭛ڠୌ App ҁiOS҅ Android҂ • ள᭛ๅෛ App҅ள᭛ḵᦤ features • ள᭛൫ୌࢫᴚᵱᥝጱचᏐᦡෞ
41. चᏐ๐ۓ ൉׀ࢫᴚጱचᏐᦡෞ๐ۓ҅ෛےفጱ୏ݎݢզள᭛ጱӤಋଗ ၚ Cordova Registry Bower Sona Nexus Jenkins
42. Docker ਻࢏۸ᬯԶ๐ۓ҅ᓌ۸๐ۓ൫ୌྍṈ
43. Cordova ୏ݎૡٍ Angular Docker
44. Coral
45. ሿํਮಁ ஙռᱷᤈ҅܏ታᱷᤈ҅ڹၹՈ੖҅ᔜᣟ࿤
46. ୮Mobile୏ݎ᭬ᥠWebದ๞ ԅMobile୏ݎीႲԧๅग़ݢᚆ௔
47. Q & A ಚൈԫᖌᎱଚىဳThoughtWorksਥොஙמ
48. ݇ᘍᩒා • Apache Cordova: https://cordova.apache.org/ • ionic: http://ionicframework.com/ • MDNҁڹᒒᩒრ҂: https://developer.mozilla.org/zh-CN/ • Angular.js: https://angularjs.org/ • Docker: https://www.docker.com/ • Bower: http://bower.io/ • Jenkins: https://jenkins.io/