Google Apps Script, Parse.com, Disqus 를 이용해 정적인 컨텐트를 제공하는 모바일 앱의 백엔드 서비스를 구현해보기

1. 백엔드 서버 구축 없이
모바일 앱 만들어보기
안세원

3.
kingori@gmail.com

4.
GDG

5. Korea

6. Android

7. 진짜 제목은…
백 엔드 서버 안만들고
미리 만들어둔 컨텐츠를
제공하는
모바일 앱 만들어보기

8. 발표자
• 안세원
kingori@gmail.com

9.
• GDG

10. Korea

11. Android

12.
• 다음카카오
3

13. 대박 앱, 나도 한번?
4

14. 개인 앱 만들기 프로세스
[아니오] [예]
서버

15. 필요?
앱을

16. 만든다 서버를

17. 만든다.
5
헐

18. 대박!

19. 서버를 만들자!
6

20. 서버를 만들자!
7

21. 서버를 만들자!
8

22. 서버를 만들자!
아 놔!!
내가 페이스북을 만들자고
이러는 것도 아닌데!!!
9

23. 아주 동적인 컨텐트를
제공하지 않는다면
좀 쉬운 방법이 있지 않을까?

24. 발표자 (다시)
• 안세원
kingori@gmail.com

25.
• GDG

26. Korea

27. Android

28.
• 다음카카오
11

29. PS4 NEWS
http://goo.gl/RVsQvx
느린 소니 사이트에서 게임목록 확인하기 짜증난다!
앱으로 한번 만들어보자!
!
• 모든 사람에게 동일한 게임 목록을 보여주고 싶고
• 게임 가격, 평가 등등은 어느정도 동적으로 만들자!
• 근데 겨우 이거 만드는데 서버까지 구현해야 할까?
12

30. Google Apps Script 출동!
• 자바스크립트로

31. 작성

32.
• 닥스,

33. 드라이브,

34. 지메일

35. 등

36. 구글

37. 서비스와

38. 손쉽게

39. 연동

40.
• 간단한

41. 디버거

42. 제공

43.
• URL

44. Fetch,

45. Preference

46. 등

47. 다양한

48. API

49. 제공

50.
• 웹

51. 앱

52. (doGet,

53. doPost)

54. 으로

55. 퍼블리싱

56. 가능

57.
• 트리거를

58. 이용해

59. 주기적인

60. 갱신

61. 가능
https://developers.google.com/apps-script/
13

62. PS4 News 적용사례 - 데이터
게임 데이터는 스프레드 시트로 관리!
… 입력은 수작업 노가다
14
스크립트로 관리 메뉴 추가

63. PS4 News 적용사례 - 스크립트
매 시 소니 사이트에서 가격정보 업데이트!
매 시 metacritic 점수 평점 업데이트!
스프레드 시트 정보를 구글 드라이브에 json 포맷으로 저장!
스프레드 시트에 편의 메뉴 추가
15

64. PS4 News 적용사례 - 앱 연동
구글 드라이브의 호스팅 기능으로 json 제공!
앱은 이 url 호출
16

65. 오늘의 이슈
http://goo.gl/6sNWLc
• 24시간 동안의 다음 인기 검색어 목록 조회
• 현재 인기 검색어 목록 조회
• 9시/19시에 푸시 발송
• 해당 검색어에 대한 댓글 남기기 기능
트랜디한 현대인의 필수 앱!!
17

66. 오늘의 이슈
http://goo.gl/6sNWLc
• 24시간 동안의 다음 인기 검색어 목록 조회
• 현재 인기 검색어 목록 조회
• 9시/19시에 푸시 발송
• 해당 검색어에 대한 댓글 남기기 기능
트랜디한 현대인의 필수 앱!!
…⋯은

67. 아니고

68. 그냥

69. 이번

70. 발표용

71. 샘플

72. 앱
18

73. 할일 목록
• 인기

74. 검색어를

75. 가져와서(페이지

76. 스크레이핑)

77. 시트에

78. 추가

79.
• 매

80. 시

81. 인기

82. 검색어

83. 가져오도록

84. 트리거

85. 작성

86.
• 시트

87. 내용을

88. 구글

89. 드라이브에

90. 저장

91.
• 인기

92. 검색어

93. 파싱

94. 결과를

95. 바로

96. 가져오는

97. 웹

98. 앱

99. 작성

100.
• 특정

101. 시점에

102. 푸시

103. 발송

104.
• 이슈에

105. 댓글

106. 남기기

107. 구현
19

108. 구글 앱스 스크립트 시작하기
• 구글

109. 드라이브에

110. 스프레드시트를

111. 생성

112.
• Tools

114. Script

115. editor

116. 선택
20

117. 구글 앱스 스크립트 시작하기
21

118. 구글 앱스 스크립트 시작하기
슬슬 짜 봅시다!
22

119. 할일 목록
• 인기

120. 검색어를

121. 가져와서(페이지

122. 스크레이핑)

123. 시트에

124. 추가

125.
• 매

126. 시

127. 인기

128. 검색어

129. 가져오도록

130. 트리거

131. 작성

132.
• 시트

133. 내용을

134. 구글

135. 드라이브에

136. 저장

137.
• 인기

138. 검색어

139. 파싱

140. 결과를

141. 바로

142. 가져오는

143. 웹

144. 앱

145. 작성

146.
• 특정

147. 시점에

148. 푸시

149. 발송

150.
• 이슈에

151. 댓글

152. 남기기

153. 구현
23

154. 인기 검색어 페이지 스크레이핑
24

155. 시트에 스크레이핑 정보 기록
25

156. 할일 목록
✓ 인기

157. 검색어를

158. 가져와서(페이지

159. 스크레이핑)

160. 시트에

161. 추가

162.
• 매

163. 시

164. 인기

165. 검색어

166. 가져오도록

167. 트리거

168. 작성

169.
• 시트

170. 내용을

171. 구글

172. 드라이브에

173. 저장

174.
• 인기

175. 검색어

176. 파싱

177. 결과를

178. 바로

179. 가져오는

180. 웹

181. 앱

182. 작성

183.
• 특정

184. 시점에

185. 푸시

186. 발송

187.
• 이슈에

188. 댓글

189. 남기기

190. 구현
26

191. 트리거 등록
27

192. 트리거 등록
ScriptApp의 메서드를 이용하면 프로그램적으로
트리거를 등록/삭제할 수 있음
28

193. 할일 목록
✓ 인기

194. 검색어를

195. 가져와서(페이지

196. 스크레이핑)

197. 시트에

198. 추가

199.
✓ 매

200. 시

201. 인기

202. 검색어

203. 가져오도록

204. 트리거

205. 작성

206.
• 시트

207. 내용을

208. 구글

209. 드라이브에

210. 저장

211.
• 인기

212. 검색어

213. 파싱

214. 결과를

215. 바로

216. 가져오는

217. 웹

218. 앱

219. 작성

220.
• 특정

221. 시점에

222. 푸시

223. 발송

224.
• 이슈에

225. 댓글

226. 남기기

227. 구현
29

228. 구글 드라이브에 파일 저장
30

229. 구글 드라이브에 파일 저장
파일은 만들었는데
다른 사람은
어떻게 접근하지?
31

230. 구글 드라이브에 파일 저장
https://support.google.com/drive/answer/2881970?hl=en
32
호스팅!

231. 구글 드라이브에 파일 저장
httttps::////googlledrriive..com//hostt//0B7ttMttjjE6yzGjjMllhTdmc5N3Y0UTQ
33

232. 할일 목록
✓ 인기

233. 검색어를

234. 가져와서(페이지

235. 스크레이핑)

236. 시트에

237. 추가

238.
✓ 매

239. 시

240. 인기

241. 검색어

242. 가져오도록

243. 트리거

244. 작성

245.
✓ 시트

246. 내용을

247. 구글

248. 드라이브에

249. 저장

250.
• 인기

251. 검색어

252. 파싱

253. 결과를

254. 바로

255. 가져오는

256. 웹

257. 앱

258. 작성

259.
• 특정

260. 시점에

261. 푸시

262. 발송

263.
• 이슈에

264. 댓글

265. 남기기

266. 구현
34

267. 웹 앱 작성
• 요청이

268. 올

269. 때

270. 바로바로

271. 요청을

272. 처리

273. →

274. 웹

275. 앱!
https://developers.google.com/apps-script/guides/web
35

276. 웹 앱 작성
36

277. 웹 앱 작성
• 코드

278. 수정

279. 후엔

280. 새로운

281. 버전을

282. 지정해

283. 줘야함
37

284. 할일 목록
✓ 인기

285. 검색어를

286. 가져와서(페이지

287. 스크레이핑)

288. 시트에

289. 추가

290.
✓ 매

291. 시

292. 인기

293. 검색어

294. 가져오도록

295. 트리거

296. 작성

297.
✓ 시트

298. 내용을

299. 구글

300. 드라이브에

301. 저장

302.
✓ 인기

303. 검색어

304. 파싱

305. 결과를

306. 바로

307. 가져오는

308. 웹

309. 앱

310. 작성

311.
• 특정

312. 시점에

313. 푸시

314. 발송

315.
• 이슈에

316. 댓글

317. 남기기

318. 구현
38

319. 푸시 발송
• 앱스

320. 스크립트론

321. 해결

322. 못함

323. →

324. 외부

325. 서비스를

326. 이용!
https://parse.com/products/push
39

327. 푸시 발송 - 수신
• AndroidManifest.xml
40

328. 푸시 발송 - 수신
• Application.java
41

329. 푸시 발송 - 수신
• ParsePushBroadcastReceiver.java
42

330. 푸시 발송 - 사용자 설정 저장
자세한 내용은 parse.com의 도움말 참조
43

331. 푸시 발송 - 발송 요청
44

332. 할일 목록
✓ 인기

333. 검색어를

334. 가져와서(페이지

335. 스크레이핑)

336. 시트에

337. 추가

338.
✓ 매

339. 시

340. 인기

341. 검색어

342. 가져오도록

343. 트리거

344. 작성

345.
✓ 시트

346. 내용을

347. 구글

348. 드라이브에

349. 저장

350.
✓ 인기

351. 검색어

352. 파싱

353. 결과를

354. 바로

355. 가져오는

356. 웹

357. 앱

358. 작성

359.
✓ 특정

360. 시점에

361. 푸시

362. 발송

363.
• 이슈에

364. 댓글

365. 남기기

366. 구현
45

367. 댓글 남기기 구현
• 안드로이드

368. 네이티브

369. 솔루
션이

370. 없으면

371. 웹뷰로!
46
https://disqus.com/admin/create/

372. 댓글 남기기 구현
• 저는

373. 웹사이트가

374. 없는데요?

375. →

376. 구글

377. 드라이브

378. 호스팅!
47

379. 요약
• 모든

380. 사용자에게

381. 동일한

382. 컨텐트를

383. 제공하는

384. 앱의

385. 백엔드

386. 서
버는

387. 구글

388. 앱스

389. 스크립트를

390. 이용해

391. 간단히

392. 구현할

393. 수

394. 있다.

395.
• 구글

396. 앱스

397. 스크립트는

398. 트리거,

399. URLFetch,

400. 웹

401. 앱

402. 등의

403. 다양한

404.
도구를

405. 지원한다.

406.
• 정적

407. 컨텐트는

408. 구글

409. 드라이브의

410. 호스팅

411. 기능을

412. 이용한다.

413.
• 푸시는

414. parse.com

415. 등의

416. 서비스를

417. 이용한다.

418.
• 댓글은

419. Disqus

420. 등의

421. 서비스를

422. 이용해

423. 웹뷰로

424. 제공한다.
48

425. 제약사항 / 더 공부할 내용
• 스크립트는

426. timeout이

427. 존재한다.

428. 시간이

429. 오래걸리는

430. 스크립트는

431.
timeout을

432. 극복할

433. 방법을

434. 고민해야

435. 한다.
ex)

437. timeout

438. 안날

439. 정도의

440. 처리

441. 단위로

442. 분리한

443. 후

444. 트리거

445. 호출

446. /

447. 또
다른

448. 외부

449. 서비스

450. 이용

451. (응?

452. 결국

453. 서버

454. 코딩

455. 하라는

456. 거

457. 아냐?)

458.
• parse.com은

459. 완전

460. 공짜

461. 아니다.

462. 대박나면

463. 그

464. 때

465. 고민하자

466.
• parse.com은

467. 단순

468. 푸시

469. 발송용이

470. 아닌

471. 사용자

472. 데이터

473. 저장소로도

474.
충분히

475. 활용할

476. 수

477. 있다.

478.
• 어드민

479. 관리를

480. 더

481. 효과적으로

482. 하기

483. 위해

484. 구글

485. 스프레드

486. 시트와

487. 앱

488.
스크립트의

489. 연동

490. 부분을

491. 더

492. 공부해보자.
49

493. 참고자료
• https://developers.google.com/apps-script/

494.
• https://parse.com/docs/push_guide#top/Android

495.
• https://www.parse.com/docs/android/api/

496.
• https://disqus.com/

497.
• https://gist.github.com/kingori/98420b577f082f7fc021
50

498. 51

499. 고맙습니다.
kingori@gmail.com
https://plus.google.com/+SewonAnn