Criando apps fodas com WeDeploy

Transcript

1. 1.

   criando apps fodas com WeDeploy

2. 2.

   @zenorocha

3. 3.

   wedeploy ??? ??? ??? ??? ??? ??? ??? ??? ?

   ???
4. 4.

   None
5. 5.

   arquitetura de software tem evoluído…

6. 6.

   Spaghetti uma zona total

7. 7.

   Lasanha monolítico em camadas

8. 8.

   Ravioli pequenos módulos

9. 9.

   microserviços

10. 10.

    fazer uma coisa, e fazer certo

11. 11.

    containers

12. 12.

    empacotar sua app com todas as partes que ela precisa

13. 13.

    como nós podemos ser mais produtivos?

14. 14.

    None
15. 15.

    iphone iteach imovie italk wecreate weshare webuild wedeploy

16. 16.

    o que é wedeploy? WeDeploy é uma plataforma na nuvem

    para desenvolvedores.
17. 17.

    por que fazer isso? A gente acredita que devs deviam

    dedicar seu tempo e energia no que realmente importa: criar apps fodas, e não infraestrutura.
18. 18.

    mas como?

19. 19.

    nodejs

20. 20.

    None
21. 21.

    como usar?

22. 22.

    crie o projeto e o serviço Passo 1

23. 23.

    None
24. 24.

    monitore os logs Passo 2

25. 25.

    None
26. 26.

    static hosting

27. 27.

    None
28. 28.

    Sirva HTML, CSS, JS, e qualquer tipo de arquivo estático.

    É como se fosse um GitHub Pages, só que mais rápido. static hosting
29. 29.

    como usar?

30. 30.

    crie o projeto e o serviço Passo 1

31. 31.

    None
32. 32.

    conecte com o github Passo 2

33. 33.

    None
34. 34.

    configure um domínio Passo 3

35. 35.

    None
36. 36.

    email envio de

37. 37.

    None
38. 38.

    envio de email Envie emails de forma assíncrona e confira

    o status de envio usando uma API REST simples.
39. 39.

    como usar?

40. 40.

    None
41. 41.

    crie um projeto Passo 1

42. 42.

    None
43. 43.

    instale um serviço Passo 2

44. 44.

    None
45. 45.

    importe o api client Passo 3

46. 46.

    <script src="http://cdn.wedeploy.com/api/ latest/wedeploy.js"></script> import api client

47. 47.

    envie o email Passo 4

48. 48.

    WeDeploy .url('http://email.newsletter.wedeploy.io/emails') .form('from', 'noreply@wedeploy.com') .form('to', 'zeno.rocha@liferay.com') .form('subject', 'Thanks for subscribing!')

    .post() .then((response) => { // Successfully sent to queue }); envio de email
49. 49.

    None
50. 50.

    github.com/wedeploy/demo-newsletter

51. 51.

    autenticação de usuários

52. 52.

    Autenticação

53. 53.

    autenticação Autentique usuários com email e senha ou use third-party

    providers como GitHub e Google.
54. 54.

    como usar?

55. 55.

    None
56. 56.

    crie o projeto e o serviço Passo 1

57. 57.

    None
58. 58.

    sign up, login, logout, reset Passo 2

59. 59.

    None
60. 60.

    WeDeploy .auth('auth.spotify.wedeploy.io') .createUser({ email: 'zeno.rocha@liferay.com', password: ‘remember:P' }) .then(() =>

    { // Successfully created. }); sign up
61. 61.

    github.com/wedeploy/demo-spotify

62. 62.

    autenticação c/ third-party Passo 3

63. 63.

    None
64. 64.

    var auth = WeDeploy.auth('auth.spotify.wedeploy.io'); var provider = new auth.provider.Github(); provider.setProviderScope('user:email');

    auth.signInWithRedirect(provider); auth.onSignIn((user) => { // Fires when user is signed in after redirect. }); third-party login
65. 65.

    realtime banco de dados

66. 66.

    None
67. 67.

    None
68. 68.

    banco de dados realtime Armazene dados de forma segura com

    uma base NoSQL na nuvem. Faça queries complexas e consuma informação em tempo real.
69. 69.

    como usar?

70. 70.

    None
71. 71.

    crie o projeto e o serviço Passo 1

72. 72.

    None
73. 73.

    salve dados Passo 2

74. 74.

    WeDeploy .url('http://data.whatsapp.wedeploy.io/msgs') .post({ time: Date.now(), content: 'Blah Blah' }) .then((response)

    => { // Successfully saved }); salvando dados
75. 75.

    None
76. 76.

    leia dados Passo 3

77. 77.

    None
78. 78.

    sincronize dados em tempo real Passo 4

79. 79.

    None
80. 80.

    github.com/wedeploy/demo-whatsapp

81. 81.

    None
82. 82.

    então o que é wedeploy? ??? ??? ??? ??? ???

    ??? ??? ??? ? ???
83. 83.

    None
84. 84.

    é o poder do back-end nas mãos do front

85. 85.

    wedeploy.com

86. 86.

    If you see something broken go there and fix it.

    If you don’t know how to fix, ask around, take ownership.
87. 87.

    Obrigado @zenorocha