Integración del complemento Me gusta, Comentarios y Compartir de Facebook en Flask Project

Flask es un Framework de Python que nos permite construir aplicaciones web. Fue desarrollado por Armin Ronacher. El marco de Flask es más explícito que el marco de Django y también es más fácil de aprender porque tiene menos código base para implementar una aplicación web simple. Este artículo gira en torno a cómo integrar el complemento de comentarios de Facebook en la aplicación del matraz

Instalación

pip install flask

¿Cómo integrar los comentarios de Facebook en Flask?

Crear nuevo archivo app.py

Python3

from flask import Flask,render_template
  
app = Flask(__name__)
  
@app.route("/")
def home():
    return render_template("index.html")
  
  
if __name__ == '__main__':
    app.run(debug=True)

Vaya a https://developers.facebook.com/docs/plugins/comments/ y agregue el enlace de la publicación para el que desea agregar el complemento de comentarios,

Haga clic en obtener código

Cree nuevas plantillas de directorio dentro que creen un nuevo archivo html index.html

HTML

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <div id="fb-root"></div>
<script async defer crossorigin="anonymous" 
        src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v9.0" 
        nonce="ihqHhvna"></script>
</head>
<body>
<h1>Welcome To GFG</h1>
<div class="fb-comments" data-href="http://127.0.0.1:5000/GFG" 
     data-width="" data-numposts="5"></div>
</body>
</html>

Si cambiamos la url también se cambian los comentarios.

Para ver esto, creemos un nuevo archivo index1.html

index1.html

HTML

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <div id="fb-root"></div>
<script async defer crossorigin="anonymous"
        src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v9.0"
        nonce="ihqHhvna"></script>
</head>
<body>
<h1>Again Welcome To GFG</h1>
<div class="fb-comments" data-href="http://127.0.0.1:5000/GFG1" 
     data-width="" 
     data-numposts="5"></div>
</body>
</html>

app.py

Python3

from flask import Flask,render_template
  
app = Flask(__name__)
  
@app.route("/")
def index():
    return render_template("index.html")
  
  
@app.route("/home")
def home():
    return render_template("index1.html")
  
  
if __name__ == '__main__':
    app.run(debug=True)

Para ejecutar esta aplicación, abra la terminal o cmd

python app.py

Producción :-

Para agregar un campo Me gusta y compartir, vaya a https://developers.facebook.com/docs/plugins/like-button , haga el mismo proceso

Haga clic en obtener código

Crea un nuevo archivo html dentro del directorio de plantillas 

HTML

<!DOCTYPE html>
<html>
<head>
    <title>GFG</title>
    <div id="fb-root"></div>
    <script async defer crossorigin="anonymous"
            src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v9.0" 
            nonce="4HOL61En"></script>
</head>
<body>
<h1>Like and Share</h1>
<div class="fb-like" data-href="http://127.0.0.1:5000/LIkeandShare" 
     data-width="" data-layout="button_count" data-action="like"
     data-size="large" data-share="true"></div>
</body>
</html>

Agregue una nueva función a su función a su app.py

Python3

@app.route("/likeandshare")
def likeandshare():
    return render_template("Likeandshare.html")

Luego, vuelva a ejecutar la aplicación usando el comando

python3 app.py

Producción :-

Publicación traducida automáticamente

Artículo escrito por vivekpisal12345 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *