Desarrollando plugins de Discourse - Parte 1: Crear un plugin básico

Crear un plugin en Discourse puede ser realmente sencillo una vez que aprendes algunos trucos. El objetivo de esta publicación es crear un plugin básico y presentarte los fundamentos.

Tu entorno de desarrollo

Asegúrate de tener un entorno de desarrollo de Discourse ejecutándose en tu computadora. Te recomiendo que uses la guía de configuración correspondiente y vuelvas cuando hayas terminado.

plugin.rb

:tada: Usa GitHub - discourse/discourse-plugin-skeleton: Template for Discourse plugins · GitHub para crear un esqueleto completo de plugin de Discourse en tu directorio de plugins :tada:

El esqueleto ahora está incluido en el núcleo de Discourse; rake plugin:create[plugin-name] creará un plugin utilizando el esqueleto

Cuando Discourse se inicia, busca en el directorio plugins subdirectorios que contengan un archivo plugin.rb. El archivo plugin.rb tiene dos propósitos: es el manifiesto de tu plugin con la información requerida sobre tu plugin, incluyendo: su nombre, información de contacto y una descripción. El segundo propósito es inicializar cualquier código Ruby necesario para ejecutar tu plugin.

En nuestro caso, no añadiremos ningún código Ruby, pero aún así necesitamos el plugin.rb. Creemos el directorio basic-plugin con el archivo plugin.rb dentro, con el siguiente contenido:

basic-plugin/plugin.rb

# name: basic-plugin
# about: Un plugin súper simple para demostrar cómo funcionan los plugins
# version: 0.0.1
# authors: Awesome Plugin Developer
# url: https://github.com/yourusername/basic-plugin

Una vez que hayas creado este archivo, deberás reiniciar tu servidor local y el plugin debería cargarse.

¡Un detalle importante!

Si estás acostumbrado al desarrollo regular de Rails, podrías notar que los plugins no son tan amigables cuando se trata de recargar. En general, cuando hagas cambios en tu plugin, deberás presionar Ctrl+c para detener el servidor y luego ejecutarlo nuevamente usando bin/dev.

¡Mis cambios no se aplicaron! :warning:

A veces la caché no se borra por completo, especialmente cuando creas nuevos archivos o eliminas archivos antiguos. Para solucionar este problema, elimina tu carpeta tmp y reinicia Rails. En un Mac puedes hacerlo con un solo comando: rm -rf tmp; bin/dev.

Verificar que tu plugin se cargó

Una vez que hayas reiniciado tu servidor local, visita la URL /admin/plugins (asegúrate de iniciar sesión como cuenta de administrador primero, ya que solo los administradores pueden ver el registro de plugins).

Si todo funcionó, deberías ver tu plugin en la lista:

¡Felicidades, acabas de crear tu primer plugin!

Añadamos algo de Javascript

Por ahora, tu plugin no hace nada. Añadamos un archivo Javascript que mostrará una ventana de alerta cuando Discourse se cargue. Esto será súper molesto para cualquier usuario y no se recomienda como un plugin real, pero mostrará cómo insertar Javascript en nuestra aplicación en ejecución.

Crea el siguiente archivo:

plugins/basic-plugin/assets/javascripts/discourse/initializers/alert.js

export default {
  name: "alert",
  initialize() {
    alert("¡Las ventanas de alerta son molestas!");
  },
};

Ahora, si reinicias tu servidor local, deberías ver aparecer “¡Las ventanas de alerta son molestas!” en la pantalla. (Si no fue así, consulta el encabezado “¡Mis cambios no se aplicaron!” anterior).

Repasemos cómo funcionó esto:

  1. Los archivos Javascript colocados en assets/javascripts/discourse/initializers se ejecutan automáticamente cuando la aplicación Discourse se carga.

  2. Este archivo en particular exporta un objeto, que tiene un name y una función initialize.

  3. El name debe ser único, así que simplemente lo llamé alert.

  4. La función initialize() se llama cuando la aplicación se carga. En nuestro caso, solo ejecuta nuestro código alert().

¡Ahora eres un desarrollador oficial de plugins de Discourse!


Más en la serie

Parte 1: Este tema
Parte 2: Plugin Outlets
Parte 3: Site Settings
Parte 4: git setup
Parte 5: Admin interfaces
Parte 6: Acceptance tests
Parte 7: Publish your plugin


Este documento está controlado por versiones - sugiere cambios en github.

110 Me gusta
Plugin API documentations?
How to create a new plugins?
Connecting to database with a plugin
Separating View from Data, Plugins, Modularity
Categories Topic Replies
How can I add "dislike" button?
Overwriting controllers in plugin
Create fully custom header
Added custom initializer
Which files can you override from a plugin?
Developing Discourse Plugins - Part 2 - Connect to a plugin outlet
Developing Discourse Plugins - Part 5 - Add an admin interface
(Superseded) Plugin Tutorial #1 - How to manipulate the text in the composer?
Which is Better? Discourse or Flarum?
Hide features for non-admin users through plugin
Customizing handlebars templates
How to properly display jalali dates for Persian language
Topic Ratings Plugin
Enable Like-Button for not logged-in visitors
Why do I need a block storage?
Custom Field not working
Rails plugin generator
Why GNU License?
Code reading help. ES6, plugin-outlet `_connectorCache`, custom-html `_customizations`, appEvents
Customizing handlebars templates
Application Files after Digital Ocean Setup
Application Files after Digital Ocean Setup
Application Files after Digital Ocean Setup
Make an external http request from discourse
Specify user by external id
How can I make my own Discourse plugins?
Reputation and level on member profile
How to Change User Profile Picture
Something like shortcodes for Discourse?
Calendar plugin features to make it really useful for us
Plugin Documentation Style Guide
Any options for over-riding the username restrictions?
How would updating effect custom overrides?
I would like to change the template completely
Adding a second tag description
Rails plugin generator
Creating a plugin
Fatal: Not a git repository (or any parent up to mount point /discourse)
Fatal: Not a git repository (or any parent up to mount point /discourse)
Adding command line tools support for user api keys
Discourse Code Modification for personal use
Plugin routing problems
[PAID] Mentorship needed
Can You Restrict Signups Using `swot` Email Verification?
Plugin API documentations?
Insert tag based upon word match
Triggering account creation/login on external service when a user logs in on discourse
Place for total coding beginners to learn how to customise?
Add additional button post menu
Fetch third party data for topic list
The Ignore User feature (now in 2.3.0.beta7)
Help with a plugin
Create Custom APIs
Proper Development and Deployment
How to make only a group of users can send messages to staff
How might we better structure #howto?
Theme-Component v Plugin: What's the difference
Creating Parsing Extensions
How can I customized my own site
All latest images in posts from a category
(Ruby) Selecting only posts that are made by non-original posters
Hosting discourse on our infrastructure AWS
Display FullName instead of UserName in the Profile
Calling Python scripts w/ arguments on the backend via plugin?
Extend Existing Controller?
How to add custom fields to models
Extend Existing Controller?
Bot writer's tip: Processing every post
Add user to group after purchase
Support for proposed plug-in
Autocompletion for a user field at signup
Custom discourse with limited features
Overriding user_guardian.rb in a plugin (no fork necessary!)
Problems with git clone
Friendly user profile url
Website Integration
Discourse developement environment setup
How to show Full Name in Embeds
How to display full name in comments embeds
Rake task "assets:precompile" is failing due to JS Compilation issue
Change code does not work in VS Studio code editor
Edit Code
Discourse Chain Topics Plugin
Contributing to Discourse
How to edit topics/show.html.erb
Install Discourse on macOS for development
Developing Discourse Plugins - Part 3 - Add custom site settings
Developing Discourse Plugins - Part 4 - Setup git
Developing Discourse Plugins - Part 7 - Publish your plugin
Developing Discourse Plugins - Part 6 - Add acceptance tests
Learn how to start building stuff for Discourse if you're newbie (like myself)
How to disable updating username for admins & moderators?
Backend code
Backend code
Install Discourse on Ubuntu or Debian for Development
How to make changes on backend side of discourse application using rails
Introduction to Discourse Development
Discourse blog (article and comments)
How to learn more about Discourse back-end?
I want to learn how to program for Discourse
Discourse Audio Message
Create custom Automations
How can one add a toggle button to the post menu and implement an action for that toggle button in a Discourse plugin?
Content box
Create an advertising page
Discourse 有自定义插件模板吗,如何写自定义插件呢
Deploy custom Discourse repository via docker
Multiple custom fields for topics similar to custom userfields
How do I go about making a very customized theme?
How can I create a Discourse that's just like Stemaway.com?
Adding new columns to user lists in groups
How to pin a post within a topic?
Ruby script to send automatic welcome message to new users
:cn: Installing the Discourse development environment on Ubuntu 在 Ubuntu 上安装 Discourse 开发环境
Admin not accessible because of auto-minify for Cloudflare
Store pdf and doc files as raw text in the database - Where to start?
Update Password Encryption Method
I'm trying to run discourse app locally in production env without docker
How to turn off "Body seems unclear, is it a complete sentence?'
Hosting dynamic pages with discourse
Invisible way to force display order of tags?
Controllers and Routes
Learn about Discourse client-side flow?
How do you learn to build Discourse plugins?
How do you learn to build Discourse plugins?
Admin not accessible because of auto-minify for Cloudflare
Customizing CSS via plugin
About the Plugin category
Visual diagraming to add visual dimension to Conversations?
Custom Onebox engine
How can I install my own plugin written in Ruby?
Allow reply-to individual instead of topic/forum (mailing list feature)
Adapt github changes to my own site
Push to digital ocean from command line and rebuild
How to convince my university to use/install Discourse?
Hack to enable invitations for Trust level 1 users
Dropcaps in Discourse - cannot override span tag
Getting certain posts to Zapier
Plugin: add a menu icon (next to search)
Error When creating custom plugin
Error When creating custom plugin
IOTA as a currency for Discourse
New columns in directory (/users)
Bootstrap fails when plugin file specifies gem version range
Running my own discourse image
How to add a job to cron/anacron when creating Docker container
How to transfer data from plugin to app/views templates?