Me gusta desbloquear cómo construir una puerta de fan básica de Facebook sin pagar por el alojamiento

Lo ames o lo detestes, todos y sus perros están en Facebook hoy en día; Entonces, como todo lo que es popular en la vida, ha sido completamente subvertido por los tipos de marketing. Un uso increíblemente efectivo de una página de marca alojada en Facebook es incentivar a las personas a que les guste la página creando un contenido secreto solo para miembros; comúnmente referido como “puerta del ventilador”. Esto está lleno de videos exclusivos, descargas o tal vez un cupón de compra. Usamos uno aquí en MakeUseOf para que nuestros fanáticos puedan acceder fácilmente a todas las competiciones actuales..

Este tipo de aplicación básica de Facebook era relativamente simple de crear en el pasado, pero ahora Facebook requiere que todas las aplicaciones de pestañas de la página tengan una versión segura. HTTPS acceso a la URL, pero eso es otro de $ 100 al año además de los costos de alojamiento existentes para su sitio. Incluso si ejecuta una pequeña tienda de comercio electrónico, puede utilizar PayPal como proveedor de pagos y, por lo tanto, no necesita certificados SSL. Pero no se preocupe, ya que Facebook también se ha asociado con Heroku, una compañía de hospedaje en la nube, lo que significa que puede crear su propia aplicación básica de Facebook y hospedarla de forma gratuita en un servidor seguro. ¿Quiere saber más? Sigue leyendo mientras preparo una aplicación básica de pestañas de la página de fan-gate de Facebook, alojada de forma gratuita, en Heroku.

Registrarse como desarrollador

Antes de realizar cualquier aplicación, deberás ser un desarrollador registrado. Vaya a developers.facebook.com para comenzar, y haga clic en el verde Registro botón en la parte superior derecha si no lo ha hecho ya. Necesita un número de teléfono para registrarse, pero de lo contrario es gratis.

Si ya está registrado, haga clic en Aplicaciones en la barra de herramientas superior para obtener una visión general de sus aplicaciones actuales.

Crear una nueva aplicación

Aquí es donde comienza la diversión. Haga clic en Crear nueva aplicación. El nombre no importa realmente, pero obviamente elija algo relevante. El campo de espacio de nombres se agregará a la URL de su página de fans cuando el usuario haga clic en esa pestaña; puedes dejarlo en blanco, pero luego verán el ID de la aplicación en la URL, lo cual es un poco más feo. El espacio de nombres también debe ser único, así que ni siquiera te molestes con algo como “testapp” o obtendrá un error. Por último, marque la casilla que dice que desea alojamiento gratuito de Heroku.

Después de completar el captcha, se le invitará a elegir el tipo de alojamiento que desee de Heroku: seleccione PHP y acepte. Facebook creará automáticamente una nueva cuenta para ti en Heroku si aún no tienes una, y rellena previamente la configuración de URL en tus elementos básicos, lo cual es bueno. De hecho, es muy difícil desordenar este paso..

Desde la página de detalles de la aplicación, también desearía configurar el tipo de aplicación para que sea “Pestaña de página”, y asegúrese de que las URL relevantes se ingresen allí también - nuevamente, esto debería ser automático. Luego guardar.

Heroku primeros pasos

Cuando termine, recibirá un correo electrónico de Heroku con detalles sobre cómo cambiar su contraseña y descargar el Heroku. “cinturón para herramientas” para su sistema Para aquellos de ustedes que no están familiarizados con Heroku, no es un host tradicional en el sentido de que puede iniciar sesión en una dirección de FTP y cargar archivos; En su lugar, Heroku trabaja con Git, un sistema de control de versiones. Una vez que tiene instalado el cinturón de herramientas, primero debe clonar el sitio en su disco local, lo que le brinda un directorio que es un reflejo de lo que está alojado en Heroku. Cada vez que realice cambios en estos archivos, los volverá a sincronizar para actualizar Heroku..

Las instrucciones para realizar esta primera sincronización están contenidas en su correo electrónico de bienvenida, y es un simple comando de una línea exclusivo de su dirección de alojamiento: solo copie y pegue el correo electrónico. Su URL de alojamiento es completamente arbitraria, en mi caso fue bosque seco-7743 - se genera aleatoriamente y no importa en absoluto porque los usuarios no lo verán. Abre el directorio recién creado y echa un vistazo.

Heroku ha puesto bastante funcionalidad, pero no necesitamos la mayor parte. Abrir index.php y echa un vistazo alrededor. Encuentra las siguientes líneas cerca del inicio del archivo:

$ facebook = new Facebook (array ('appId' => AppInfo :: appID (), 'secret' => AppInfo :: appSecret (), 'sharedSession' => true, 'trustForwarded' => true,));

e inmediatamente después de eso, copia en estos:

$ signed_request = $ facebook-> getSignedRequest (); $ liked = $ signed_request ['page'] ['likes'];

No se preocupe si esto es demasiado complicado para usted; pronto le daré una plantilla terminada. Se envía una solicitud firmada a su aplicación desde Facebook, que incluye cierta información sobre el usuario, ya sea que tenga acceso de administrador y si le ha gustado la página o no. Si desea saber exactamente lo que se envía, agregue lo siguiente:

print_r ($ signed_request);

y obtendrá una impresión completa del objeto de solicitud firmada.

En este punto, debo admitir que estaba teniendo problemas reales para que la solicitud firmada funcionara; parecía que Heroku estaba eliminando los datos en la carga de la página, y fue solo después de cargar la API de JS (10 segundos después de la carga de la página inicial ) que la página se actualizaría e indicaría la correcta “gustó” estado. Gracias a esta pregunta de desbordamiento de pila, la solución parecía estar eliminando el código que impone HTTPS para los usuarios no seguros. Elimine el siguiente bloque de código al inicio de la plantilla:

// Aplicar https en la producción si (substr (AppInfo :: getUrl (), 0, 8)! = 'Https: //' && $ _SERVER ['REMOTE_ADDR']! = '127.0.0.1') header ('Location : https: // '. $ _SERVER [' HTTP_HOST ']. $ _SERVER [' REQUEST_URI ']); salida(); 

Ahora, cuando se carga la página, tiene una variable booleana, que es una cierto o un falso - que te dice si al usuario le ha gustado la página o no. Puedes usar esto con un simple Si declaración para mostrar cualquiera de los contenidos una o segundo:

Lugar que justo después de la apertura. etiqueta en index.php. Ahora, si ha realizado una vista previa de su página en Heroku, notará que tiene una gran cantidad de funcionalidades adicionales, que muestra las páginas que le han gustado, los botones para publicar actualizaciones, etc. lo eliminó todo, incluido el SDK de JavaScript para Facebook, dejando solo el CSS y nuestro fan-gate. Aquí está el código simplificado que terminé usando (esta es una imagen - copie y pegue desde PasteBin si lo desea):

Debes editar las secciones que dicen. “no es un fan” y “ventilador” para contener su contenido predeterminado y secreto, respectivamente. Si prefiere mantener su contenido en un archivo separado, use:

include ("secret.html");

para importar archivos externos.

Sincronizar con Heroku

Una vez que haya realizado todas las ediciones necesarias en su archivo, debe sincronizar la copia de seguridad con Heroku. “emprendedor” nuestra copia local a la “rama maestra” en Heroku. Asegúrate de que estás en el directorio correcto desde la línea de comando, escribe:

git commit -am "cambia los mensajes"

(puede reemplazar el mensaje de cambios con una nota de los cambios que realizó esta vez; es una buena práctica mantener estos registros)

y entonces

git push heroku master

Espera a que termine el comando, ya que puede tardar un rato.

Paso final: agrega la aplicación a tu página

Ahora que la aplicación está creada, debemos agregarla como una pestaña a la página de su marca. Curiosamente, esto se hace usando una URL especialmente diseñada:

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

Reemplazar YOUR_APP_ID con la identificación que figura en los detalles de su aplicación, y YOUR_APP_URL_ON_HEROKU con la URL para su alojamiento Heroku. Cargando esta URL especial se iniciará la “añadir a tu página” cuadro de diálogo, desde el cual puede seleccionar la página de marca correcta para agregar la pestaña de su página a.

Entonces hey presto, será un nuevo botón en tu página, como este:

Como puede ver, todavía no hemos especificado una imagen para la pestaña, por lo que queda como predeterminada: puede hacerlo desde la página de detalles de la aplicación. Básicamente eso es todo; si carga esa pestaña, mi reemplazo index.php te mostrará como un ventilador o un no fan. O lo que sea que hayas personalizado para mostrar:

Admito que este proceso fue más difícil de lo que esperaba, pero evita completamente la necesidad de alojar cualquier cosa en su propio servidor u obtener la certificación SSL. Si tiene alguna pregunta o problema, pregunte en los comentarios e intentaré ayudarlo. Si los comentarios están cerrados, diríjase a nuestro sitio de Respuestas; y, por favor, si encuentra útil este tutorial, compártalo en su red social favorita. Además, es probable que desees consultar nuestra guía completa y gratuita sobre marketing en redes sociales, y considerar agregar Pinterest a tu estrategia también..

Explorar más sobre: ​​Desarrollo de aplicaciones, Facebook.