Comme pour déverrouiller: comment construire une porte facebook fan de base sans payer pour l`hébergement

Qu`on aime ou qu`on déteste, tout le monde et leur chien est sur Facebook nowadays- donc comme tout ce qui est populaire dans la vie, il a été complètement perverti par types de marketing. Une utilisation très efficace d`une page de marque Facebook est hébergé pour inciter les gens à aimer la page en créant des seuls membres secrets Content- communément appelé une « porte du ventilateur ». Ceci est rempli avec des vidéos exclusives, des téléchargements ou peut-être un bon commerçant - nous utilisons ici un à MakeUseOf pour donner à nos fans un accès facile à toutes les compétitions en cours.

Ce type d`application Facebook de base a été relativement simple de créer dans le passé, mais Facebook exige désormais que toutes les applications de l`onglet page pour avoir une version sécurisée - un HTTPS accès url - mais c`est une autre 100 $ par année au-dessus de vos coûts d`hébergement existants pour votre site. Même si vous exécutez un petit magasin e-commerce, vous pouvez utiliser PayPal comme un fournisseur de paiement et ont donc pas besoin de certificats SSL. Mais ne vous inquiétez pas, comme Facebook a également établi un partenariat avec Heroku - une société d`hébergement cloud - ce qui signifie que vous pouvez créer votre propre application Facebook de base, et l`héberger gratuitement, sur un serveur sécurisé. Veulent en savoir plus? Lire la suite que je fais une application de base de l`onglet fan page Facebook-porte, hébergé gratuitement, sur Heroku.

Inscrivez-vous en tant que développeur

Avant de faire des applications, vous devez être un développeur enregistré. Aller à developers.facebook.com pour commencer, et cliquez sur le vert registre bouton en haut à droite si pas déjà. Vous avez besoin d`un numéro de téléphone pour vous inscrire, mais sinon il est gratuit.

Si vous êtes déjà inscrit, grand - cliquez sur Apps sur la barre d`outils pour obtenir un aperçu de vos applications actuelles.

Créer une nouvelle application

Voici où le plaisir commence. Cliquer sur Créer une nouvelle application. La désignation n`a pas vraiment d`importance, mais évidemment choisir quelque chose de pertinent. Le champ d`espace de noms sera ajouté à l`URL de votre page fan lorsque l`utilisateur clique sur ce tab- vous pouvez laisser le champ vide, mais ils vont voir l`ID d`application dans l`URL au lieu, ce qui est un peu plus laid. L`espace de noms doit également être unique, alors ne même pas pris la peine avec quelque chose comme « testapp » ou vous obtiendrez une erreur. Enfin, cochez la case qui dit que vous voulez l`hébergement gratuit de Heroku.

Après avoir rempli le captcha, vous serez invité à choisir le type d`hébergement que vous voulez de Heroku - sélectionnez PHP, et accepter. Facebook crée automatiquement un nouveau compte pour vous à Heroku si vous ne possédez pas déjà un, et pré-remplir les paramètres d`URL dans vos bases, ce qui est gentil de leur part. En fait, il est très difficile de gâcher cette étape vers le haut.

A partir de la page Détails de l`application, vous pouvez également définir le type d`application pour une « page de l`onglet », et assurer que les URL pertinentes y sont entrées aussi - encore une fois, cela devrait être automatique. Ensuite, enregistrez.

Heroku Premiers pas

Une fois terminé, vous recevrez un email de Heroku avec des détails sur la façon de changer votre mot de passe, et télécharger le Heroku « toolbelt » pour votre système. Pour ceux d`entre vous ne connaissent pas Heroku, ce n`est pas un hôte traditionnel dans le sens où vous pouvez vous connecter à une adresse FTP et télécharger files- au lieu Heroku fonctionne avec Git, un système de contrôle de version. Une fois que vous avez le toolbelt installé, vous devez d`abord cloner le site sur votre disque local - ce qui vous donne un répertoire qui est un miroir de ce qui est hébergé sur Heroku. Chaque fois que vous apportez des modifications à ces fichiers, vous synchronisez tous à nouveau mettre à jour Heroku.

Les instructions pour faire cette première synchronisation sont contenus dans votre courriel de bienvenue, et il est une simple commande d`une ligne unique à votre adresse d`hébergement - il suffit de copier et coller de l`e-mail. Votre URL d`hébergement est totalement arbitraire - dans mon cas, il était sèche-bois-7743 - il est généré au hasard et n`a pas d`importance du tout parce que les utilisateurs ne le verront pas. Ouvrez le répertoire nouvellement créé, et jeter un oeil.

Heroku a mis dans un assez grand nombre de fonctionnalités, mais on n`a pas besoin la plupart. S`ouvrir index.php et jeter un coup d`oeil. Trouvez les lignes suivantes près du début du fichier:

$ Facebook = new Facebook (array ( `AppId` = gt; AppInfo :: appID (), `secret` = gt; AppInfo :: appSecret (), `sharedSession` = gt; vrai, trustForwarded `= gt; vrai, )) -

et immédiatement après cela, copier dans celles-ci:

$ Signed_request = $ facebook-gt; getSignedRequest () - $ aimé = $ signed_request [ `page`] [ `aimé`] -

Ne vous inquiétez pas si cela est trop compliqué pour vous - Je vais vous donner bientôt un modèle fini. Une demande signée est envoyée à votre application de Facebook qui comprend des informations sur l`utilisateur - si elles ont accès admin et s`ils ont aimé la page ou non. Si vous voulez savoir précisément ce qui est envoyé, ajouter ce qui suit:

print_r (de signed_request de $) -

et vous aurez une impression complète de l`objet de la demande signée.

À ce stade, je dois admettre que j`avais du mal à vrai obtenir le travail de demande signé - il est apparu que Heroku a été dépouillant les données sur la charge de la page, et il est seulement après le chargement de l`API JS (un bon 10 secondes après la charge de la page initiale ) que la page se rafraîchir et indiquer l`état correct « aimé ». Merci à cette question Stack Overflow, la solution semblait stripping le code qui applique le protocole HTTPS pour les utilisateurs non garanties. Supprimer le bloc de code suivant au début du modèle:

// Imposer https sur productionif (substr (AppInfo :: getUrl (), 0, 8) =! Https: // ` && $ _SERVER [ `REMOTE_ADDR`] = `127.0.0.1`) {header ( `Emplacement: https: //.. $ _SERVER [ `HTTP_HOST`] $ _SERVER [ `REQUEST_URI`]) - exit () -}

Maintenant, lorsque la page est chargée, vous avez une variable booléenne - c`est un vrai ou faux - qui vous indique si l`utilisateur a aimé la page ou non. Vous pouvez utiliser un simple si déclaration pour montrer soit le contenu une ou b:

? Lt; phpif ($ aimé): echo ( `fan`) - // ceci est votre contentelse secret? Echo ( `pas un fan`) - // ceci est montré à fansendif- potentiel gt;

La place que juste après l`ouverture tag index.php. Maintenant, si vous avez prévisualisé votre page sur Heroku, vous remarquerez qu`il a un très grand nombre de fonctionnalités supplémentaires, l`affichage des pages que vous avez aimé, boutons pour afficher les mises à jour - on n`a pas besoin de tout cela vraiment, je dépouillé tout en incluant le SDK javascript pour Facebook, ne laissant que le CSS et notre fan-porte. Voici le code dépouillé je me suis retrouvé à l`aide (Ce qui est une image - copier-coller du Pastebin si vous le souhaitez):

Vous devez modifier les sections qui disent « pas fan » et « ventilateur » pour contenir votre contenu par défaut et secret, respectivement. Si vous préférez garder votre contenu dans un fichier séparé, utilisez:

comprendre("secret.html") -

d`importer des fichiers externes.

La synchronisation avec Heroku

Une fois que vous avez fait toutes les modifications nécessaires à votre fichier, vous devez synchroniser en arrière avec Heroku - nous le faisons par « pousser » notre copie locale à la « branche maître » à Heroku. Faire que vous êtes dans le bon répertoire de la ligne de commande, tapez:

git commit -Suis "changements messages"

(Vous pouvez remplacer les modifications message avec une note pour vous de ce que cette fois-ci vous change effectivement fait - il est bon de garder ces documents)

Video: J'AI TROUVÉ UN TÉLÉPHONE, MENONS L’ENQUÊTE ENSEMBLE

et alors

maître git push heroku

Attendre que la commande à la fin, comme cela peut prendre un certain temps.

Video: GG - ARK : Survival Evolved - Comment créer un serveur - Tutorial

Étape finale: ajouter l`application à votre page

Maintenant que l`application est construite, il faut l`ajouter en fait sous forme d`onglet à votre page de marque. Curieusement, cela se fait en utilisant une URL spécialement conçue:

https://facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&redirect_uri = YOUR_APP_URL_ON_HEROKU

Remplacer YOUR_APP_ID avec l`ID figurant sur les détails de votre application, et YOUR_APP_URL_ON_HEROKU avec l`URL de votre hébergement Heroku. Chargement cette URL spécifique initiera alors la boîte de dialogue « ajouter à votre page », à partir de laquelle vous pouvez sélectionner la page de marque droit d`ajouter votre onglet page.

Alors hey presto - ce sera un nouveau bouton sur votre page, comme ceci:

Comme vous pouvez le constater, nous n`avons pas spécifié une image pour l`onglet encore il est laissé par défaut - vous pouvez le faire à partir de votre page de détails de l`application. C`est essentiellement cela si vous chargez si-cet onglet, mon remplacement index.php sera soit vous montrer comme ventilateur ou pas fan. Ou tout ce que vous avez personnalisé pour afficher:

Je l`admets - ce processus a été plus difficile que prévu, mais il n`évite complètement le besoin d`accueillir quoi que ce soit sur votre propre serveur ou obtenir une certification SSL. Si vous avez des questions ou des problèmes, demandez loin dans les commentaires et je vais essayer de vous aider. Si les commentaires sont fermés, la tête sur plus de notre Réponses et SITE- s`il vous plaît, si vous avez trouvé ce tutoriel utile, ne le partager sur votre réseau social préféré. , Vous voudrez probablement aussi consulter notre gratuit, guide complet de marketing des médias sociaux, et envisager d`ajouter Pinterest à votre stratégie aussi.