Extensión de Chrome Para Tomar Apuntes de Platzi


Published on November 19, 2021 by Javier Manobanda

notion platzi technology chrome

3 min READ

Notion se ha convertido para mí una de las herramientas principales tanto para mi trabajo y aprendizaje, ya que me ha permitido organizar mi documentación. Y conjuntamente con lo que he aprendido sobre desarrollo web me decidí hacer una pequeña herramienta para almacenar mis apuntes en una base de datos de Notion.

Para usar esta extensión seguiremos algunos paso:

Instalación


Primero debes clonar el proyecto.

https://github.com/JaviMiot/ChromeExtensionPlatziCourse.git

Ya clonado el proyecto se necesitará tener ciertas autorizaciones para que conectemos la extensión de Chrome con Notion. Para eso seguiremos los siguientes pasos:

  1. Tener una integración de la API de Notion esto lo puedes realizar en el siguiente link

  2. Hacer clic en el botón “+ New integration”.

  3. Dar un nombre a la integración.

  4. Selecciona el workspace donde deseas instalar la integración (En el caso de que tengas varias cuentas de Notion selecciona la que vas a utilizar).

  5. Clic en “Submit” para crear la integración.

  1. Copia y Guarda el token de la integración, esta la utilizaremos más adelante.

Esta extensión tiene un templete que lo puedes duplicar en tu propio notion para acceder ingresa AQUÍ y duplica el template en tu notion.

Una vez duplicado el template, en la url de la base de datos copiar y guarda el id de la base de datos, también la usaremos más adelante.

https://www.notion.so/myworkspace/a8aec43384f447ed84390e8e42c2e089?v=...
                                  |--------- Database ID --------|

Ya duplicado el template de notion vamos a compartirlo con la Integración que creamos anteriormente esto nos permitirá tener acceso a nuestra base de datos para crear las páginas de nuestros apuntes:

  1. Abrir la base de datos como una página y hacer clic en el botón de “Share”.

  2. Seleccionar la integración que se había creado.

Uso del Plugin 🔧


Una vez que tengas el token de la integración de Notion y el Id de la base de datos.

Se procede a instalar de forma local el plugin.

  1. Ingresa al administrador de extensiones mediante el navegador a chrome://extensions

  2. Habilita el modo desarrollador.

  3. Clic en el botón “Load unpacked” y selecciona el directorio de la extensión.

  1. Finalmente, tendrás instalada la extensión.

Mostrar Plugin

Para tener disponible en tu explorador hacer clic en el icono de extensiones y habilitar la extensión.

Configurar Extensión


  1. Hacer clic derecho sobre el icono del la extensión y seleccionar “options”
  1. Nos mostrará una pantalla donde colocaremos el Token de Notion y el Id de la base de datos que lo obtuvimos anteriormente al crear la integración y al duplicar el template.
  1. Dar clic en “Save” y cerramos la página.

Crear tu apuntes de un curso


Si haz seguido todos los paso podras ir a tu curso favorito de platzi y este se generar en tu notion.

  1. Acceder al plugin
  2. Clic en “Obtener Datos del Curso”
  3. Clic en “Generar Página”

Si te diriges a tu Notion ya tienes el curso generado.

Tambien puedes ver el codigo si quieres hacerles unas mejoras o personalizarla a tu gusto estararia encantado de ver que cosas nuevas le puedes añadir.

Si te ha servido de mucho esta información compartelo me ayudarías mucho 😊.