当Mobile开发遇见Web技术

Slide 1

Slide 1 text

୮Mobile୏ݎ᭬ᥠ Webದ๞ Ⴐݳୗຝ຅ᑏۖ୏ݎ

Slide 2

Slide 2 text

吕健 Senior consultant Working at ThoughtWorks Full stack web developer iOS developer Github: @lvjian700 Email: lvjian700@gmail.com

Slide 3

Slide 3 text

Agenda • ႰݳୗҁHybrid҂ଫአ୏ݎฎெԍ๶ጱ • ই֜ᬰᤈႰݳୗଫአ୏ݎ • ౯ժጱႰݳୗᑏۖ୏ݎොໜ

Slide 4

Slide 4 text

iPhone ޾ Android iPhone ޾ Android ಋ๢ጱݎ૲҅మ᩸Ӟᙎᑏۖ୏ݎၵᄤ

Slide 5

Slide 5 text

HTML 5 ޾ CSS 3 ෛጱ Web ຽٵḒضࣁ Mobile ᦡ॓Ӥ஑کଠာֵአ

Slide 6

Slide 6 text

ߥଫୗWeb୏ݎ ӞॺڹᒒդᎱݢզᭇአग़ᐿᦡ॓

Slide 7

Slide 7 text

ᘸᷧଫአ ᔄ֒य़ռᅩᦧ

Slide 8

Slide 8 text

؉Ӟӻᗑᒊ

Slide 9

Slide 9 text

ඪ೮ᑏۖ ֵአߥଫୗᗑᶭದ๞҅ඪ೮ग़ᐿᑏۖᦡ॓

Slide 10

Slide 10 text

ᗑᕶӧᑞਧ ኧԭᗑᶭ჉ວᵱᥝے᫹ق᮱ᶭᶎ҅Ᏻᥠᑏۖᦡ॓ᗑᕶӧঅጱ ఘ٭֛҅ḵय़಑ರಕ

Slide 11

Slide 11 text

୏ݎMobileଫአ ֵአ Native ݢզ൉܋አಁ֛ḵ

Slide 12

Slide 12 text

Mobile ୏ݎՈާ ᵱᥝๅग़ጱ୏ݎՈާ

Slide 13

Slide 13 text

ԅग़ӻᦡ॓ᬰᤈ୏ݎ ӷॺդᎱ҅ᵱᥝๅग़ጱ Mobile ୏ݎ̶

Slide 14

Slide 14 text

ݎ૲ଫአ App Store զڹݎ૲ޮ๗ 1 ~ 2ޮ҅ሿࣁےளک 24 ੜ෸̶ Android ࣁࢵٖํग़ےଫአࠟମ҅ྯӻჀ᭲ํӧݶጱവଠᩒრ

Slide 15

Slide 15 text

ํဌํٌ՜ොໜҘ

Slide 16

Slide 16 text

ᗑᒊຝ຅ ๐ۓ࢏ᒒ჉ວᶭᶎ ᗑᒊ

Slide 17

Slide 17 text

API ຝ຅ ਖ਼ڹᒒܔᇿړᐶ҅ݸݣݝ൉׀API̶ਖ਼ڹᒒդᎱ಑۱کᑏۖ ଫአӾ ڹᒒդᎱ API

Slide 18

Slide 18 text

Apache Cordova ၞᤈጱႰݳୗᑏۖ୏ݎ໛ຝ

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

൉׀ iOS ޾ Android Native ॎଫአ

Slide 21

Slide 21 text

WebView ے᫹ڹᒒդᎱ

Slide 22

Slide 22 text

Web դᎱ

Slide 23

Slide 23 text

ൊկᔮᕹ

Slide 24

Slide 24 text

ڹᒒդᎱ API

Slide 25

Slide 25 text

୏ݎྍṈ Ⴒےଘݣ ڠୌᶱፓ ᖫٟڹᒒդᎱ ಑۱App ݎ૲App ᬩᤈ

Slide 26

Slide 26 text

౯ժጱᥴ٬ොໜ • ள᭛ڠୌ App ҁiOS҅ Android҂ • ள᭛ๅෛ App҅ள᭛ḵᦤ features • ள᭛൫ୌࢫᴚᵱᥝጱचᏐᦡෞ

Slide 27

Slide 27 text

౯ժጱᥴ٬ොໜ • ள᭛ڠୌ App ҁiOS҅ Android҂ • ள᭛ๅෛ App҅ள᭛ḵᦤ features • ள᭛൫ୌࢫᴚᵱᥝጱचᏐᦡෞ

Slide 28

Slide 28 text

Cordova ୏ݎૡٍ Angular

Slide 29

Slide 29 text

3 ๵೰ե୏তૡ֢ ڠୌᶱፓ҅ᬰف෈կ४҅୏ސ server

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

౯ժጱᥴ٬ොໜ • ள᭛ڠୌ App ҁiOS҅ Android҂ • ள᭛ๅෛ App҅ள᭛ḵᦤ features • ள᭛൫ୌࢫᴚᵱᥝጱचᏐᦡෞ

Slide 32

Slide 32 text

عݎ૲ๅෛ

Slide 33

Slide 33 text

ݎ૲App StoreӞེ ᒫӞਖ਼ Native ॎᑕଧ޾ HTML5 ଫአݎ૲کࠟମ Awesome

Slide 34

Slide 34 text

عݎ૲ๅෛ features ᕰ୏ App Store ੒ HTML 5 ୏ݎጱ feature ᬰᤈๅෛ҅Ԟᑍ ᶉἕๅෛ 2.0.0 Awesome

Slide 35

Slide 35 text

ᯈᗝ෈կ ᯈᗝԧಅํ features

Slide 36

Slide 36 text

ے᫹ feature ᭗ᬦᯈᗝ෈կӥ᫹ feature դᎱଚے᫹ک App Ӿ Awesome

Slide 37

Slide 37 text

عݎ૲ຝ຅ ᭗ᬦๅෛᯈᗝ෈կ೰ਧෛᇇ๜҅App տࣁአಁӥֵེአ feature ෸ֵአෛᇇ๜ App Server 2.0.0 Awesome App ᯈᗝ෈կ

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

No content

Slide 40

Slide 40 text

౯ժጱᥴ٬ොໜ • ள᭛ڠୌ App ҁiOS҅ Android҂ • ள᭛ๅෛ App҅ள᭛ḵᦤ features • ள᭛൫ୌࢫᴚᵱᥝጱचᏐᦡෞ

Slide 41

Slide 41 text

चᏐ๐ۓ ൉׀ࢫᴚጱचᏐᦡෞ๐ۓ҅ෛےفጱ୏ݎݢզள᭛ጱӤಋଗ ၚ Cordova Registry Bower Sona Nexus Jenkins

Slide 42

Slide 42 text

Docker ਻࢏۸ᬯԶ๐ۓ҅ᓌ۸๐ۓ൫ୌྍṈ

Slide 43

Slide 43 text

Cordova ୏ݎૡٍ Angular Docker

Slide 44

Slide 44 text

Coral

Slide 45

Slide 45 text

ሿํਮಁ ஙռᱷᤈ҅܏ታᱷᤈ҅ڹၹՈ੖҅ᔜᣟ࿤

Slide 46

Slide 46 text

୮Mobile୏ݎ᭬ᥠWebದ๞ ԅMobile୏ݎीႲԧๅग़ݢᚆ௔

Slide 47

Slide 47 text

Q & A ಚൈԫᖌᎱଚىဳThoughtWorksਥොஙמ

Slide 48

Slide 48 text

݇ᘍᩒා • 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/