Paso 8: Ejecutar acciones

Una vez registrada una acción, podrá soltar componentes en la página que ejecuten acciones dentro del componente. Se aprovecha el registro de acción que creó en el paso anterior.

Para que un componente ejecute una acción, debe recibir el mensaje EXECUTE_ACTION. Este mensaje también incluye la carga útil transferida a la acción desde la que extraerá los valores esperados.

Para recibir el mensaje EXECUTE_ACTION, edite el archivo render.js y actualice el objeto SampleComponentViewModel con la siguiente entrada:

SitesSDK.subscribe('EXECUTE_ACTION', $.proxy(self.executeActionsListener, self));

Cuando reciba el mensaje EXECUTE_ACTION, se ejecuta la función de devolución de llamada asociada:

    self.executeActionsListener = function (args) {
      // get action and payload
      var payload = args.payload,
      action = args.action;

      // handle 'setImageWidth' actions
      if (action && action.actionName === 'setImageWidth') {
        $.each(payload, function(index, data) {
          if (data.name === 'imageWidth') {
            self.imageWidth(data.value);
          }
        });
      }
    }

Esto crea una función JavaScript para ejecutar la acción y, a continuación, utiliza el SDK de Sites para llamar a la función siempre que se emite el mensaje EXECUTE_ACTION.

Se llamará a este componente siempre que se emita un mensaje EXECUTE_ACTION, y dependerá del componente gestionar solo las acciones para las que está diseñado. Para ello, debe comprobar el nombre de la acción y asegurarse de que sea una acción que puede gestionar el componente.

La carga útil de la acción es una matriz de valores. Normalmente, necesitará buscar los valores de carga útil que le interesan en la matriz.