AppSuite:Embedding your settings into AppSuite settings: Difference between revisions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
<!-- !!! --> | |||
<!-- PLEASE APPLY CHANGES ONLY TO THE NEW TECHNICAL DOCUMENTATION: wd/frontend/web/documentation --> | |||
<!-- !!! --> | |||
<div class="title">Embedding your settings into AppSuite settings</div> | <div class="title">Embedding your settings into AppSuite settings</div> | ||
Revision as of 05:57, 11 February 2016
Synopsis: This article explains how you can embed your own configuration page via iFrame into the AppSuite's settings and pass our session onto your implementation. This is a replacement for "Config Jump" of OX6. Not to be confused with simply adding new settings into AppSuite
Declare the page you want to embed
You can declare pages to embed via Config Cascade settings. There are several ways to do so, this example uses the most comfortable one, a YAML declaration:
➜ /opt/open-xchange/etc/settings/configjump.yml io.ox/settings/configjump//changePlans: url: "http://localhost/~fla/changePlans.php?token=[token]" title: "Change Plan" after: "io.ox/mail" advancedMode: false
io.ox/settings/configjump contains one object per embedded page (e.g. "changePlans"). If you want to add more pages, follow this pattern.
An object of this type has the following properties:
- url: The URL to be branched to. The place holder [token] will be replaced by the token you get from the token login system
- title: The title as to be seen on the settings page.
- after, before or index: Where the page is supposed to be positioned. Hint: If you want to name a page as reference (as opposed to using the index), you need to figure out the name. One way to do so is go to that page in the settings and check for the id parameter in the URL.
- advancedMode: true or false to define if shown in advanced settings mode or not. Default is false
It's also possible to provide custom translations for the title. Just add "title_" plus the locale:
io.ox/settings/configjump//changePlans: url: "http://localhost/~fla/changePlans.php?token=[token]" title: "Change Plan" title_en_US: "Change plan" title_de_DE: "Plan ändern" title_fr_FR: "..." ... after: "io.ox/mail"
Create a secret
Now you just need to declare the app your are about to embed in the backend and you are good to go:
➜ cat /opt/open-xchange/etc/tokenlogin-secrets # # Listing of known Web Application secrets followed by an optional semicolon-separated parameter list # # e.g. 1254654698621354; accessPasword=true # # Dummy entry # 1234-56789-98765-4321; accessPassword=true 12345-phpapp-54321
This secret, combined with the token, can be traded for a login.
Redeem a token
GET /login?action=redeemToken
- token: The token you want to trade.
- secret: A valid secret for your app.
This request can be sent by the embedded app to the AppSuite backend to get authorisation info.
Stuck somewhere?
You got stuck with a problem while developing? OXpedia might help you out with the article about debugging the UI.