← Back to team overview

dhis2-devs team mailing list archive

  1. dhis2-devs team
  2. Mailing list archive
  3. Message #39557

Re: Web portal CORS/preflight problem

  Thread Previous • Date Previous • • Thread Next 
Ok, I will try to backport when I'm done.

On Mon, Sep 7, 2015 at 3:02 PM, Hannan Khan <hannank@xxxxxxxxx> wrote:

> Dear Jan
>
> Thanks. Delight to know that; I am waiting.
> We already upgraded to version 2.19. We are also upgrading tracker system
> to 2.19. I will than do the portal and integration of servers and
> synchronization of reporting server. I will be in touch.
>
> Best regards
>
> Hannan
>
> On Mon, Sep 7, 2015 at 5:38 PM, Jan Henrik Øverland <
> janhenrik.overland@xxxxxxxxx> wrote:
>
>> Hi Hannan,
>>
>> I am working on a fix for this. Any chance you can upgrade from 2.17?
>>
>> On Sat, Aug 29, 2015 at 4:59 AM, Hannan Khan <hannank@xxxxxxxxx> wrote:
>>
>>> Dear Jan
>>>
>>> I think cross domain problem is solved but more problem arise. I added
>>> the jquery js script line but there is no chart. I think as i use
>>> https://code.jquery.com/jquery-2.1.4.min.js' the calling of chart might
>>> changed. the source I used is as :
>>>
>>> <head>
>>> <title>DHIS2 Web Portal</title>
>>>
>>> <link href="style.css" rel="stylesheet" type="text/css" />
>>> <link href="//fonts.googleapis.com/css?family=Lato:400,700"
>>> rel="stylesheet" type="text/css" />
>>>
>>> <link rel="stylesheet" href="//
>>> dhis2-cdn.org/v217/ext/resources/css/ext-plugin-gray.css" />
>>> <script src="//dhis2-cdn.org/v217/ext/ext-all.js"></script>
>>> <script src="//dhis2-cdn.org/v217/plugin/chart.js"></script>
>>> <script src="https://code.jquery.com/jquery-2.1.4.min.js";></script>
>>>
>>> <!-- Custom CSS -->
>>>
>>> <style type="text/css">
>>> li {
>>>     float: left;
>>> }
>>>
>>> .chart {
>>>     border: 1px solid #ddd;
>>>     margin: 10px;
>>> }
>>> .chart.wide {
>>>     width: 800px;
>>>     height: 450px;
>>> }
>>> .chart.tall {
>>>     width: 600px;
>>>     height: 920px;
>>> }
>>> </style>
>>>
>>> <!-- Login and initialize charts -->
>>>
>>> <script>
>>> var base = 'http://localhost:8080/dhismohfw19/';
>>>
>>> $.ready(function() {
>>>   $.Ajax.request({
>>>     crossDomain: true,
>>>     url: base + "dhis-web-commons-security/login.action?authOnly=true",
>>>     method: 'POST',
>>> params: { j_username: "view", j_password: "DGHS1234" },
>>>     success: setLinks
>>>   });
>>> });
>>>
>>> function setLinks() {
>>>   DV.plugin.getChart({ url: base, el: 'chartA1', id: 'LjfRM4pSC0h' });
>>>
>>>   DV.plugin.getChart({ url: base, el: 'chartA2', id: 'aR9w2QFpfW7' });
>>>
>>>   DV.plugin.getChart({ url: base, el: 'chartA3', id: 'Pck5tyxraa3' });
>>> }
>>> </script>
>>>
>>> </head>
>>>
>>> <body>
>>>
>>> <header>
>>>   <h1>Data Visualizer Chart Plugin</h1>
>>> </header>
>>>
>>> <menu>
>>>
>>> <p>This page illustrates the use of the Data Visualizer plugin which can
>>> be used to embed dynamic ExtJS charts into a Web page. You can embed charts
>>> pointing to pre-defined charts in DHIS, or select custom indicators,
>>> periods and org units to create dynamic charts. View the source of
>>> this page to see how it is done.</p>
>>> </menu>
>>>
>>> <section>
>>>
>>> <h3>Predefined charts</h3>
>>>
>>> <ul>
>>>   <li><div id="chartA1" class="chart tall"></div></li>
>>>   <li><div id="chartA2" class="chart wide"></div></li>
>>>   <li><div id="chartA3" class="chart wide"></div></li>
>>> </ul>
>>>
>>> <p style="clear:both"></p>
>>>
>>> </section>
>>>
>>> </body>
>>> </html>
>>>
>>>
>>> On Thu, Aug 27, 2015 at 4:24 PM, Jan Henrik Øverland <
>>> janhenrik.overland@xxxxxxxxx> wrote:
>>>
>>>> You need to do this part
>>>>
>>>> Ext.onReady( function() {
>>>>   Ext.Ajax.request({
>>>>     crossDomain: true,
>>>>     url: base + "dhis-web-commons-security/login.action?authOnly=true",
>>>>     method: 'POST'
>>>>  ....
>>>>
>>>> with jquery instead of Ext.
>>>>
>>>> See the code that Morten posted.
>>>>
>>>> On Thu, Aug 27, 2015 at 12:19 PM, Hannan Khan <hannank@xxxxxxxxx>
>>>> wrote:
>>>>
>>>>> Thanks Jan.
>>>>>
>>>>> I added <script src="//code.jquery.com/jquery-2.1.4.min.js
>>>>> <http://code.jquery.com/jquery-2.1.4.min.js>"></script> in the <head>
>>>>> but still I get the error. What did I do wrong?
>>>>>
>>>>> Regards
>>>>>
>>>>> Hannan
>>>>>
>>>>> On Thu, Aug 27, 2015 at 2:49 PM, Jan Henrik Øverland <
>>>>> janhenrik.overland@xxxxxxxxx> wrote:
>>>>>
>>>>>> Hi Hannan,
>>>>>>
>>>>>> I have done some testing and it seems the bundled Ext version is
>>>>>> getting old. CORS is not working well with it.
>>>>>>
>>>>>> We need to look at this, but for now just include
>>>>>> https://code.jquery.com/jquery-2.1.4.min.js (minified, only 84k) and
>>>>>> do the authentication with jquery.
>>>>>>
>>>>>> The good thing about CORS is that you can simply do a normal ajax
>>>>>> request and the browser will take care of the rest.
>>>>>>
>>>>>> On Thu, Aug 27, 2015 at 10:37 AM, Hannan Khan <hannank@xxxxxxxxx>
>>>>>> wrote:
>>>>>>
>>>>>>> Dear Alex
>>>>>>>
>>>>>>> Thank you for sharing the resources. but the problem still persists.
>>>>>>> i write as following:
>>>>>>>
>>>>>>> Ext.onReady( function() {
>>>>>>>   Ext.Ajax.request({
>>>>>>>     crossDomain: true,
>>>>>>>     url: base +
>>>>>>> "dhis-web-commons-security/login.action?authOnly=true",
>>>>>>>     method: 'POST',
>>>>>>>
>>>>>>> Please check.
>>>>>>>
>>>>>>> Regards
>>>>>>>
>>>>>>> Hannan
>>>>>>>
>>>>>>> On Thu, Aug 27, 2015 at 1:00 PM, Alex Tumwesigye <
>>>>>>> atumwesigye@xxxxxxxxx> wrote:
>>>>>>>
>>>>>>>> Dear Khan,
>>>>>>>>
>>>>>>>> Look at this
>>>>>>>> http://api.jquery.com/jquery.ajax/
>>>>>>>> Read about crossDomain, by default it set to false so you may need
>>>>>>>> to set it to true.
>>>>>>>>
>>>>>>>> Ideally, in your ajax request, add crossDomain:true
>>>>>>>>
>>>>>>>> Alex
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>> On Thu, Aug 27, 2015 at 9:53 AM, Mark Polak <markpo@xxxxxxxxxx>
>>>>>>>> wrote:
>>>>>>>>
>>>>>>>>> Hello Hanna,
>>>>>>>>>
>>>>>>>>> Did you add http:// (or https:// if you use a secure line) in
>>>>>>>>> front of the IP address?
>>>>>>>>>
>>>>>>>>> On the demo instance this is a bit confusing as the examples do
>>>>>>>>> not show that but it is required for it to work correctly.
>>>>>>>>>
>>>>>>>>> Regards,
>>>>>>>>>
>>>>>>>>> Mark
>>>>>>>>> ________________________________________
>>>>>>>>> From: Dhis2-devs [dhis2-devs-bounces+markpo=
>>>>>>>>> ifi.uio.no@xxxxxxxxxxxxxxxxxxx] on behalf of Hannan Khan [
>>>>>>>>> hannank@xxxxxxxxx]
>>>>>>>>> Sent: 27 August 2015 08:29
>>>>>>>>> To: DHIS 2 developers
>>>>>>>>> Subject: [Dhis2-devs] Web portal CORS/preflight problem
>>>>>>>>>
>>>>>>>>> Dear Experts
>>>>>>>>>
>>>>>>>>> I am facing problem to creating Web Portal, facing problem CORS.
>>>>>>>>> First I try portal from 103.247.238.68 not working and then put
>>>>>>>>> this address in the white list of the dhis2 server at
>>>>>>>>> 103.247.238.68:8080<http://103.247.238.68:8080>. But but still
>>>>>>>>> having the same problem the error message is 'which is disallowed for
>>>>>>>>> cross-origin requests that require preflight'.
>>>>>>>>>
>>>>>>>>> Now how I resolve this? The script is similar as on the developer
>>>>>>>>> guide, page 49.
>>>>>>>>>
>>>>>>>>> Please advice.
>>>>>>>>>
>>>>>>>>> Regards
>>>>>>>>>
>>>>>>>>> Hannan
>>>>>>>>>
>>>>>>>>> _______________________________________________
>>>>>>>>> Mailing list: https://launchpad.net/~dhis2-devs
>>>>>>>>> Post to     : dhis2-devs@xxxxxxxxxxxxxxxxxxx
>>>>>>>>> Unsubscribe : https://launchpad.net/~dhis2-devs
>>>>>>>>> More help   : https://help.launchpad.net/ListHelp
>>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>> --
>>>>>>>> Alex Tumwesigye
>>>>>>>>
>>>>>>>> Technical Advisor - DHIS2 (Consultant),
>>>>>>>> Ministry of Health/AFENET
>>>>>>>> Kampala
>>>>>>>> Uganda
>>>>>>>>
>>>>>>>> IT Consultant - BarefootPower Uganda Ltd, SmartSolar, Kenya
>>>>>>>>
>>>>>>>> IT Specialist (Servers, Networks and Security, Health Information
>>>>>>>> Systems - DHIS2 ) & Solar Consultant
>>>>>>>>
>>>>>>>> +256 774149 775, + 256 759 800161
>>>>>>>>
>>>>>>>> "I don't want to be anything other than what I have been - one tree
>>>>>>>> hill "
>>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> _______________________________________________
>>>>>>> Mailing list: https://launchpad.net/~dhis2-devs
>>>>>>> Post to     : dhis2-devs@xxxxxxxxxxxxxxxxxxx
>>>>>>> Unsubscribe : https://launchpad.net/~dhis2-devs
>>>>>>> More help   : https://help.launchpad.net/ListHelp
>>>>>>>
>>>>>>>
>>>>>>
>>>>>
>>>>
>>>
>>
>

References

  Thread Previous • Date Previous • • Thread Next