Changes for page Community App Developer Guide

Last modified by bougault on 2022/03/02 11:58

From 8.2 to 9.1 From 30.1 to 31.1

From version 9.1

edited by allan
on 2019/11/26 16:45

Change comment: There is no comment for this version

To version 30.1

edited by mmorgan
on 2020/07/16 00:45

Change comment: There is no comment for this version

Raw
Rendered

Summary

Page properties (2 modified, 0 added, 0 removed)

Details

Page properties

Author

@@ -1,1 +1,1 @@
--XWiki.allan
++XWiki.mmorgan

Content

@@ -4,203 +4,83 @@
  == Becoming a contributor ==
--The first step is for you to **get the developer accreditation**. Contributors can register and manage applications within the Community Apps Catalogue.
++The first step is for you to **get the developer accreditation**. Contributors can register and manage apps within the Community Apps Catalogue.
--Send an email to [[support@humanbrainproject.eu>>mailto:support@humanbrainproject.eu]] with a short summary of your intentions.
++Send an email to [[support@ebrains.eu>>mailto:support@ebrains.eu]] with a short motivation for your request.
--The support team will apply the permissions to your user: your account will be upgraded with developers privileges the next time you will login.
++The support team will apply the permissions to your user. Your account will be [[upgraded with developer privileges>>doc:Collabs.collab-devs.collaboratory-v2.keycloak.user administration.WebHome]] the next time you login.
  (% class="box infomessage" %)
  (((
--Only SGA2 accredited users will be automatically granted the developer accreditation.
++Only SGA3 accredited users will be automatically granted the developer accreditation.
  )))
--== Registering an application in the Catalogue ==
++== Making your app available to users ==
--In order for you application to be installable by users, it needs to be registered within the [[Community Apps Catalogue>>doc:Apps.WebHome]].
++In order for users to install your app, it needs to be registered in the [[Community Apps Catalogue>>doc:Apps.WebHome]].
--Navigate to the catalogue and click on **+Create App** in the top right corner. Enter a name for your app and click on **Create**.
++If you are dealing with private data, or your users need to be authenticated, see [[authentication and authorization in the Collaboratory.>>doc:Collabs.the-collaboratory.Technical documentation.Architecture.Permissions.Authentication & Authorisation using OIDC.WebHome]]
--Fill the form with the following information:
++=== Registering an application in the Catalogue ===
--* **main URL**: the URL of the homepage of your app. This is where user will be directed when then open your app in a collab.
--* **settings URL**: the URL of the your settings management page if you have one.
--* **description**: a description of what your app does to help users select it.
--* **under development?**: should be checked if you don't want your app to be available by default by other users.
--* **category**: a category to help structuring the applications.
--* **maintainers**: a list of users who maintain the app. The users need to have logged in the wiki at least once to be found. Maintainers are granted the right to modify an app registration.
--* **documentation URL**: if your app has online user documentation, a link will be provided to users when they use your app.
--* **repository**: a URL to a public repository so users can check the sources of your app.
++Navigate to the catalogue and click on **+Create App** in the top right corner. Enter a name for your app and click on **Create**.
--Click on **Save**. Your app is now registered and waiting for users to install it!
++Fill the form with the following information:
--== Creating your OpenID Connect client ==
++* **main URL**: the URL of the homepage of your app. This is where the users will be directed when they open your app in a collab.
++* **settings URL**: the URL of your app's settings management page, if there is one.
++* **description**: a description of what your app does. This helps users choose the apps they install.
++* **under development?**: if checked, your app will not be available to other users.
++* **category**: a category to help structure the list of apps.
++* **maintainers**: a list of users who maintain the app. The users need to have logged in the wiki at least once to appear on the list. Maintainers are granted the right to modify the app's registration.
++* **documentation URL**: if your app has online user documentation, a link will be provided to users when they use your app.
++* **repository**: a URL to a public repository so users can access the source code of your app.
--The steps to create an OpenID Connect client are the following:
++Click on **Save**. Your app is now registered and waiting for users to install it!
--1. get an access token from the `developer` client
--1. use the token to call the create endpoint
--1. save your registration access token for further modifications of your client
++=== Installing your app in a collab ===
--=== Fetching your developer access token ===
++1. In order to install your app, you need to navigate to a collab where you have either the **editor** or **admin** role.
++1. Click on **Create** at the top right to create a new entry in the navigation pane under the current wiki page. Enter a title for this instance of your app and select **Community App** in the right selector.
++1. Click on **Create**. You will be presented with the Community App Catalogue. The apps you will see are the public apps and the ones for which you are a maintainer.
++1. Select your app and click on **Save and View**.
--Getting your developer token is done in one simple step: authenticate against the developer client with the password grant.
++You should now see your app in your collab just as other users will see it.
--This can be achieved with this sample shell script:
++== Getting your app instance context ==
--{{code language="bash"}}
--# Gather username and password from user
--echo '\nEnter your username' && read clb_dev_username &&
--echo '\nEnter your password' && read -s clb_dev_pwd &&
++Instances of your apps will be installed by collab owners in many different collabs. In order to let you customise the user experience based on its context, the Collaboratory will automatically pass query parameters to your app:
--# Fetch the token
--curl -X POST https://iam.humanbrainproject.eu/auth/realms/hbp/protocol/openid-connect/token \
--  -u developer: \
--  -d 'grant_type=password' \
--  -d "username=${clb_dev_username}" \
--  -d "password=${clb_dev_pwd}" |
--
--# Prettify the JSON response
--json_pp;
++* **##clb-collab-id##**: the unique, human-readable identifier of the collab.
++* ##**clb-doc-path**##: the (relative) path to your app instance within the collab. If your app is at the root of a collab, this value will be empty.
++* ##**clb-doc-name**##: the name of the document where your app instance is installed.
++* ##**clb-drive-id**##: the unique identifier of the drive of the collab. This id is required if you want to fetch or store documents within the drive of the collab.
--# Erase the credentials from local variables
--clb_dev_pwd='';clb_dev_username=''
--{{/code}}
++== App settings ==
--The response will be similar to:
++The app settings are the values the collab owners can modify to change the behaviour of your app within their collabs.
--{{code language="json"}}
--{
--    "access_token": "eyJhbGci...",
--    "expires_in": 108000,
--    "refresh_expires_in": 14400,
--    "refresh_token": "eyJhbGci...",
--    "token_type": "bearer",
--    "not-before-policy": 1563261088,
--    "session_state": "0ac3dfcd-aa5e-42eb-b333-2f73496b81f8",
--    "scope": ""
--}
--{{/code}}
++=== Writing settings ===
--Copy the "access_token" value, you will need if for the next step.
++The Collaboratory comes with a mechanism to let your app store its settings directly in the Collaboratory.
--=== Creating the client ===
++In order to do that, your app needs to use the [[postMessage javascript API>>https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage]] to send the settings to be stored in the Collaboratory:
--You can now create clients by sending a JSON representation to a specific endpoint:
--
--{{code language="bash"}}
--# Set your developer token
--clb_dev_token=...
--
--# Send the creation request
--curl -X POST https://iam.humanbrainproject.eu/auth/realms/hbp/clients-registrations/default/ \
--  -H "Authorization: Bearer ${clb_dev_token}" \
--  -H 'Content-Type: application/json' \
--  -d '{
--        "clientId": "my-awesome-client",
--        "name": "My Awesome App",
--        "description": "This describes what my app is for end users",
--        "rootUrl": "https://root.url.of.my.app",
--        "baseUrl": "/relative/path/to/its/frontpage.html",
--        "redirectUris": [
--            "/relative/redirect/path",
--            "/these/can/use/wildcards/*"
--        ],
--        "webOrigins": ["+"],
--        "bearerOnly": false,
--        "consentRequired": true,
--        "standardFlowEnabled": true,
--        "implicitFlowEnabled": true,
--        "directAccessGrantsEnabled": false,
--        "attributes": {
--            "contacts": "first.contact@example.com; second.contact@example.com"
--        }
--    }' |
--
--# Prettify the JSON response
--json_pp;
++{{code language="javascript"}}
++window.parent.postMessage({
++    topic: '/clb/community-app/settings',
++    data: {
++        setting1: 'setting 1 value',
++        setting2: 'setting 2 value',
++        // ...
++        // reload: false // avoid page reload on settings change
++    }}, 'https://wiki.ebrains.eu');
  {{/code}}
--In case of success, the endpoint will return its representation of your client:
++=== Reading settings ===
--{{code language="json"}}
--{
--   "defaultClientScopes" : [
--      "web-origins",
--      "roles"
--   ],
--   "redirectUris" : [
--      "/relative/redirect/path",
--      "/these/can/use/wildcards/*"
--   ],
--   "nodeReRegistrationTimeout" : -1,
--   "rootUrl" : "https://root.url.of.my.app",
--   "webOrigins" : [
--      "+"
--   ],
--   "authenticationFlowBindingOverrides" : {},
--   "baseUrl" : "/relative/path/to/its/frontpage.html",
--   "description" : "This describes what my app is for end users",
--   "notBefore" : 0,
--   "frontchannelLogout" : false,
--   "enabled" : true,
--   "registrationAccessToken" : "eyJhbGciOi...",
--   "consentRequired" : true,
--   "fullScopeAllowed" : false,
--   "clientAuthenticatorType" : "client-secret",
--   "surrogateAuthRequired" : false,
--   "directAccessGrantsEnabled" : false,
--   "standardFlowEnabled" : true,
--   "id" : "551b49a0-ec69-41af-9461-6c10fbc79a35",
--   "attributes" : {
--      "contacts" : "first.contact@example.com; second.contact@example.com"
--   },
--   "name" : "My Awesome App",
--   "secret" : "your-client-secret",
--   "publicClient" : false,
--   "clientId" : "my-awesome-client",
--   "optionalClientScopes" : [],
--   "implicitFlowEnabled" : true,
--   "protocol" : "openid-connect",
--   "bearerOnly" : false,
--   "serviceAccountsEnabled" : false
--}
--{{/code}}
++The Collaboratory will get the settings from its key/value store and pass them to your app through query parameters.
--Among all the attributes, you should securely save:
++== Creating your OpenID Connect client ==
--* your client **secret** ("secret" attribute): it is needed by your application to **authenticate to the IAM server** when making backend calls
--* your client **registration access token** ("registrationAccessToken"): you will need it to authenticate when **modifying your client in the future**
--
--=== Modifying your client ===
--
--Update your client with a PUT request:
--
--{{code language="bash"}}
--# Set your registration token and client id
--clb_reg_token=...
--
--# Update the client
--curl -X PUT https://iam.humanbrainproject.eu/auth/realms/hbp/clients-registrations/default/my-awesome-client \
--  -H "Authorization: Bearer ${clb_reg_token}" \
--  -H 'Content-Type: application/json' \
--  -d '{
--        "clientId": "my-awesome-client",
--        "redirectUris": [
--            "/relative/redirect/path",
--            "/these/can/use/wildcards/*",
--            "/a/new/redirect/uri"
--        ]
--    }' |
--
--# Prettify the JSON response
--json_pp;
--{{/code}}
--
-- Note that your need to provide your client id both in the endpoint URL and within the body of the request.
--
--{{warning}}
--/!\ **  Each time you modify your client, a new registration access token will be generated. You need to track of your token changes to keep access to your client.   **/!\
--{{/warning}}
--
--==   ==
++See the instructions [[here>>doc:.Registering an OIDC client.WebHome]].

Changes for page Community App Developer Guide

Summary

Details

Collaboratory Community Apps