Déploiement pas à pas d'une instance Tweem grâce à GitHub et Heroku

Cliquez ici pour être redirigé vers la page GitHub de Tweem.

1) Faire une copie de Tweem avec GitHub

1. Créez-vous un compte GitHub.
2. Rendez-vous à l'adresse https://github.com/RagePeanut/Tweem.
3. Cliquez sur le bouton Fork se trouvant en haut à droite de la page.
   
4. Patientez quelques secondes, vous devriez être redirigé au bout d'un moment vers une page presque identique à celle sur laquelle vous vous trouviez auparavant. Cette page correspond à votre fork (votre copie) de Tweem, pour y accéder à tout moment rendez-vous à l'adresse https://github.com/Pseudo/Tweem.
5. Tweem est par défaut configuré avec les valeurs qui me vont le plus, tous les paramètres disponibles sont expliqués sur la page GitHub de Tweem sous la section Configuration. Certains paramètres doivent être cependant modifiés, c'est pourquoi nous allons nous assurer que vous le fassiez. Cliquez sur config.json dans la liste de fichiers affichés sur la page de votre fork de Tweem.
   
6. Cliquez sur le bouton ✎ (en bleu sur la capture ci-dessous).
   
7. Faites défiler le fichier jusqu'à atteindre les paramètres steem_accounts et twitter_handle qui sont ceux nous intéressant.
   
8. Dans steem_accounts, remplacez les valeurs de la sorte (les guillemets sont obligatoires). Dans cet exemple, deux utilisateurs (pseudo1 et pseudo2) verront leurs posts tweetés par votre compte. Lorsque plus d'un utilisateur se trouve dans posts ou resteems, vous devez mettre une virgule après chaque utilisateur sauf le dernier, c'est ce qui a été fait dans ce cas-ci. Dans cet exemple toujours, seul pseudo1 verra ses resteems tweetés par votre compte. Étant donné qu'il est seul dans resteems, aucune virgule n'est nécessaire.
   
9. Dans twitter_handle, remplacez "RagePeanut_" par votre pseudo Twitter sans arobase. Par exemple, si votre pseudo est @PseudoSansArobase, écrivez le de la sorte.
   
10. Cliquez sur le bouton Commit changes en bas de page. À chaque modification que vous ferez à ce fichier, vous devrez cliquer sur ce bouton pour confirmer vos modifications.
    

2) Créer une application sur Twitter

1. Rendez-vous à l'adresse https://apps.twitter.com/ et connectez-vous avec votre compte personnel si vous n'êtes pas connecté.
2. Cliquez sur le bouton Create New App. Vous devriez être redirigé vers une page vous demandant de créer une application, si ce n'est pas le cas rendez-vous à l'adresse https://apps.twitter.com/app/new.
3. Remplissez les champs obligatoires et cochez la case en bas de formulaire pour indiquer que vous avez lu et êtes en accord avec le document "Accord et Politique développeurs". Le champ Name doit être unique, je vous conseille donc de le remplir avec "Tweem/Pseudo". Vous pouvez mettre ce que vous voulez dans le champ Website tant qu'il s'agit d'un lien.
4. Cliquez sur le bouton Create your Twitter application, vous devriez être redirigé sur la page de l'application que vous venez de créer.
   
5. Rendez-vous sur l'onglet Permissions et assurez-vous que le case Read and Write est cochée. Si ce n'est pas le cas, cochez-la et cliquez sur le bouton Update Settings.
   
6. Rendez-vous sur l'onglet Keys and Access Tokens.
7. Sous la section Application Settings, vous devriez voir deux clés: Consumer Key et Consumer Secret. Ces clés seront nécessaires plus tard, gardez-les en lieu sûr.
   
8. Sous la section Your Access Token, cliquez sur le bouton Create my access token visible dans la sous-section Token Actions. La page devrait se rafraîchir.
   
9. Une fois la page chargée, retournez à la section Your Access Token. De nouvelles informations devraient s'y trouver, si ce n'est pas le cas attendez quelques minutes et rafraîchissez la page. Les clés Access Token et Access Token Secret nous servirons plus tard, gardez-les en lieu sûr.
   

3) Déployer Tweem sur Heroku

1. Créez-vous un compte Heroku et rendez-vous à l'adresse https://dashboard.heroku.com/apps. Vous devriez arriver sur cette page, cliquez sur le bouton Create New App.
   
2. Vous devriez être à présent sur la page ci-dessous. Remplissez le champ App name par un nom unique ne pouvant contenir que des lettres minuscules, des chiffres et des tirets, le premier caractère doit être une lettre minuscule. Je vous conseille de remplir ce champ avec "tweem-pseudo". Le champ Choose a region n'a pas d'importance dans notre cas. Cliquez sur Create app.
   
3. Une fois redirigé vers la page ci-dessous, il est temps de spécifier où se trouve votre application. Afin de ne pas trop vous prendre la tête, connectez votre compte GitHub à Heroku en cliquant sur le bouton Connect to GitHub disponible sous la section Deployment method.
   
4. Une nouvelle section devrait apparaître appelée Connect to GitHub. Cliquez sur le bouton Connect to GitHub s'y trouvant, un pop-up devrait s'ouvrir. Soit vous serez connecté automatiquement, soit il vous sera demandé d'autoriser Heroku.
5. Une fois votre compte GitHub connecté, la section Connect to GitHub devrait être différente. Cliquez sur Search, remplir le champ repo-name n'est pas nécessaire.
   
6. Au bout de quelques secondes, votre fork de Tweem devrait apparaître sous les divers champs de la section Connect to GitHub. Cliquez sur le bouton Connect se trouvant à sa droite.
   
7. Vous devriez voir des informations similaires à celles de la capture d'écran ci-dessous. Assurez-vous que la section App connected to GitHub ressemble à celle affichée ci-dessous puis cliquez sur le bouton Enable Automatic Deploys de la section Automatic deploys.
   
8. Rendez-vous sur l'onglet Settings et cliquez sur le bouton Reveal Config Vars de la section Config Vars.
   
9. Deux champs devraient s'afficher: KEY et VALUE. Remplissez le premier champ par "CONSUMER_KEY" et le deuxième champ par la clé correspondante obtenue lors de la création de l'application sur Twitter. Cliquez ensuite sur le bouton Add. Répétez le processus pour les trois autres clés obtenues, vous devriez vous retrouver avec ce résultat une fois fini. Il est nécessaire d'écrire les valeurs des champs KEY exactement de la même manière que celle affichée dans la capture d'écran ci-dessous. Vérifiez aussi qu'aucun espace ne se glisse lorsque vous copiez les différentes clés dans les champs VALUE.
   
10. Retournez sur l'onglet Deploy et cliquez sur le bouton Deploy Branch de la section Manual deploy.
    
11. Patientez jusqu'à ce que la section Deploy Branch ressemble à ça.
    
12. Rendez-vous sur l'onglet Resources et vérifiez que le slider à droite de worker node app.js est activé (rond sur la droite). Si ce n'est pas le cas, cliquez sur le bouton ✎ à sa droite, cliquez ensuite sur le slider puis sur le bouton Confirm. Si le slider à droite de web npm start est activé, désactivez le de la même façon.
13. Heroku offre 550 heures d'hébergement gratuit par mois aux comptes non vérifiés, ce qui équivaut à un peu moins de 23 jours, ce n'est donc pas assez. Afin de bénéficier de 450 heures gratuites supplémentaires par mois (et donc avoir plus de 31 jours gratuits par mois), il vous faut vérifier votre compte Heroku en y enregistrant votre carte de crédit. Pour cela, rendez-vous à l'adresse https://dashboard.heroku.com/account/billing et enregistrez-y votre carte de crédit. Vous n'aurez jamais à payer étant donné que 1000 heures d'hébergement par mois correspondent à 41 jours gratuits par mois, soit bien assez étant donné que vous n'hébergez qu'une application.