HCL Connections On-Premise Wiki: IBM Collaboration QuickStart for Social Business: Adding iWidget to My Profile for the Quickstart

Adding iWidget to My Profile for the Quickstart

Added by ~Mario Nimfanaverader | Edited by ~Mario Nimfanaverader on August 23, 2013 | Version 2

Actions ▼

Abstract

Abstract

No abstract provided.

Tags: qsi, iwidgets, my profile, quickstart, connections

As a developer, one may wish to extend a user's profile using an iWidget to present relevant social artifacts from a 3rd party application.

If one were using the Acme Airlines Social Sample from the IBM Social Business Toolkit, one may wish to present a user's flights in an iWidget. There are a couple areas highlighted below, which indicate areas which may be extended in the Profile.

The following steps show you how to add an iWidget under My Links.

Prerequisites require that you post the iWidget to an HTTP server.
sftp idcuser@ put acme.airlines.iwidget.xml
exit

The file is posted to the home directory.

connect to the SSH service on your quickstart Machine
ssh idcuser@

change to root shell
sudo -s

copy the file to the html directory
cp acme.airlines.iwidget.xml /local/nd/notesdata/domino/html/

change file ownership to notes
chown notes:notes /local/nd/notesdata/domino/html

the sample iwidget is now posted.

In order to get it into the profiles UI configuration, you need to connect to the SSH service on your Quickstart Machine
ssh idcuser@
Change to root shell
sudo -s

change directory
cd /local/con/opt/IBM/WebSphere/AppServer/profiles/Dmgr01/config/cells/localhostCell01/LotusConnections-config

edit widgets-config.xml
vim widgets-config.xml

Add

  <widgetDef defId="AcmeAirlines" primaryWidget="false" modes="view fullpage edit search" url="http://<HOSTNAME>/acme.airlines.iwidget.xml"/>

before the definitions close tag

In the Layout node > Page node, add the code after the linkroll

<widgetInstance uiLocation="col3" defIdRef="AcmeAirlines"/>

Save and close the file.

Type
/etc/init.d/ConServer_DM_was.init start

This starts the deployment manager

Navigate to https://:9044/ibm/console/

Login with wasadmin : lcsecret
Click Ok

Expand System Administration > Nodes

Select localhostNode01

Click Full ReSynchronize

Expand Servers > Server Types

Click WebSphere Application Servers

Click Restart

Navigate to your connections environment
https://:444/profiles

You should see the profiles iWidget entry as highlighted below.

You now have an iWidget deployed to the profiles page.

Sample
Sample iWidget is <

.
(See attached file: acme.airlines.iwidget.xml)

Troubleshooting
Doesn't show acme airlines
If you do not see your configuration or setting for the widget to arrive in a particular view, you should check to see if your full resynchronize worked.
cat /local/con/opt/IBM/WebSphere/AppServer/profiles/AppSrv01/config/cells/localhostCell01/LotusConnections-config/widgets-config.xml | grep -i acme

Do you see any references to acme in this widgets-config.xml?

If not, check your configuration was full resynchronized.

XMLHttpRequest cannot load http:///acme.airlines.iwidget.xml. Origin http://:81 is not allowed by Access-Control-Allow-Origin.
Edit /local/con/opt/IBM/WebSphere/AppServer/profiles/Dmgr01/config/cells/localhostCell01/LotusConnections-config/proxy-config.tpl
vim proxy-config.tpl

Scroll down until you are before the first policy

Add Policy Entry (change hostname to match your environment)

 <proxy:policy url="http://<HOSTNAME>/*" acf="none" basic-auth-support="true">

        <proxy:actions>

            <proxy:method>GET</proxy:method>

            <proxy:method>POST</proxy:method>

            <proxy:method>PUT</proxy:method>

            <proxy:method>DELETE</proxy:method>

        </proxy:actions>

        <proxy:headers>

            <proxy:header>User-Agent</proxy:header>

            <proxy:header>Accept.*</proxy:header>

            <proxy:header>Content.*</proxy:header>

            <proxy:header>Authorization.*</proxy:header>

            <proxy:header>X-Method-Override</proxy:header>

            <proxy:header>If-.*</proxy:header>

            <proxy:header>Pragma</proxy:header>

            <proxy:header>Cache-Control</proxy:header>

            <proxy:header>X-Update-Nonce</proxy:header>

        </proxy:headers>

    </proxy:policy>

Fully Resynchronize your environment.

Test again

If you still see an error, try in a private browser setting so you have a clear cache.

Based on directions you can find at:
http://www-10.lotus.com/ldd/lcwiki.nsf/xpDocViewer.xsp?lookupName=IBM+Connections+4.0+documentation#action=openDocument&res_title=Adding_custom_widgets_to_Profiles_ic40&content=pdcontent&sa=true

Actions ▼

Attachments (1)

Edit the article to add or modify attachments.

File Type	Size	File Name	Created On	Delete file
text/xml	1 KB	acme.airlines.iwidget.xml	7/8/13, 2:30 PM

Versions (1)

Version ComparisonCompare version with version

Version

Date

Changed by

Summary of changes

This version (2)

Aug 23, 2013, 12:07:17 PM

~Mario Nimfanaverader

Comments (0)

Copy and paste this wiki markup to link to this article from another article in this wiki.

Link:

Recent articles by this author

Known Issues

Management Scripts and Commands

Adding Secure Communications to your Development Environment

Getting Started with Connections API via OAuth

Adding iWidget to My Profile for the Quickstart