Establishing SAPUI5 Odata Connection with Server

Hello, I have a question. Is it possible to access OData data without using a cloud connector? For example, can I retrieve the data directly from a URL like https://serverip:port/sap/opu/odata/sap/? When I try accessing it through the browser, I am able to view the metadata successfully.

Here is how my manifest file looks like: [insert image link here]

I also attempted accessing the data using HTTP, but encountered an issue because the origin request is HTTPS (from WebIDE). The console displays the following error message: [insert error message screenshot here]

I even tried using a proxy before the IP address, but encountered a similar issue. The error message disappeared except for one stating that the initial loading of metadata failed. I did not even receive the login popup as I did when using the cloud connector. Is there a way to achieve this setup so that I can continue developing in WebIDE with the goal of eventually creating a standalone application that does not require SCP?

Thank you for your assistance.

javascriptodatasapui5

Answer №1

For those utilizing SAP Web IDE, a convenient approach would be to incorporate a Destination for the backend system within SAP Cloud Platform. Subsequently, an OData service can be added using this Destination in SAP Web IDE, which will automatically generate entries in manifest.json and establish connections to the destination in neo-app.json. Since your specific endpoint functions directly through your browser, there is no necessity to utilize Cloud Connector.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Is there a way to determine the duration that a click was held down for?

When triggering an onClick event, I want to determine whether it was a single click or if the mouse button was held down for some time before releasing. This way, I can call the myTest() function within onClick="myTest()", which will log "mouse was click ...

javascriptreactjsmouseevent

Promise not being returned by AngularJS service function

I'm still getting the hang of Angular so if you need more information, just let me know and I'll update it here. So I have a controller that's supposed to call a function from a service which should return some data fetched through an HTTP. ...

javascriptangularjshttpservicecontroller

Tips for identifying, initiating, and linking to the mobile version of Metamask through a button click on a web application, similar to the process on OpenSea

I recently integrated a shortcode into my project that leverages the Metamask browser extension to display the user's account using a combination of web3 and reactjs. The code functions flawlessly on desktop browsers, but encounters an issue when atte ...

javascriptreactjssmartcontractsweb3jsmetamask

Working with JavaScript's push() method for JSON data manipulation

How can I populate a JSON variable with data in the following format? [ "name":"sample name" ,"first_name":"sample first" ,"last_name":"sample last" ,"email":"<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b6c5d7dbc6dad398f6d ...

javascriptphpjsonpostfluent

I am looking to customize the color of my Material UI switch

I am having difficulty changing the color of my Material UI switch based on my preference. I have tried several ways, but have not achieved the desired outcome. const useStyles = makeStyles((theme) => ({ toggle: { '& .Mui-checked': ...

javascriptreactjsmaterial-ui

It is not possible to assign values to a typed array buffer

Why is the value not being assigned as anticipated without any errors being thrown? const fs = require('fs'); let file = "data.dat"; let readStream = fs.createReadStream(file,{highWaterMark:1024*1024*128}) let stats = fs.statSync(file); let stre ...

javascriptnode.jsvariable-assignmenttyped-arrays

Combining the power of jQuery, PHP, JavaScript, and the popular WordPress platform, let's unlock

After going through numerous attempts to find answers for similar issues, I'm unable to get any of the suggested solutions to work. My WordPress site requires a plugin that utilizes jQuery. The main file for my plugin is located at wp-content/plugins ...

javascriptphpjqueryajaxwordpress

Guide on converting JSON encoded data into a JavaScript array

I have a few web pages that display results in the following format: [{"id":"1","company":"Gaurishankar","bus_no":"JHA 12 KH 1230"}, {"id":"2","company":"Gaurishankar","bus_no":"BA 2 KH 2270"}] Now, I want to take this JSON encoded data and use it in a J ...

javascriptjqueryjson

The button similar to Facebook does not function properly when using fancybox

My photo gallery uses fancybox, and when fancybox is open a like button appears outside the title. However, the Facebook like button doesn't seem to work. Here is my JavaScript code: $(".fancyboxi").fancybox({ padding: 0, openE ...

javascriptjqueryhtmlfacebookfancybox

Ways to extract value from all chosen dropdown list elements

<table id="tb_Answers"> <tbody> <tr> <td> <select class="ddl_NextQuestion" name="_ctl0"> <option value="0">End</option> <option val ...

javascriptjquery

The margin persists despite the usage of the * selector and !important declaration

I'm currently working on a website built upon this template: https://github.com/issaafalkattan/React-Landing-Page-Template My issue arises when trying to remove margins in multiple sections. For instance, I want to eliminate the 'orange' ar ...

javascriptcssreactjs

Issues with compiling Vuetify SASS in Nuxt for incorrect output

I am trying to integrate Vuetify with Nuxt using a Plugin but I am encountering the following issue: https://i.sstatic.net/KZbCN.png Error Message: ERROR in ./node_modules/vuetify/src/components/VProgressLinear/VProgressLinear.sass ...

javascriptvue.jssassvuetify.jsnuxt.js

Unable to pass data from a Jquery ajax request to another function

I've written a basic ajax request using jQuery. Here is the code for my ajax function: var sendJqueryAjaxRequest = function(arrParams) { var request = $.ajax({ url: arrParams['url'], async: false, ...

javascriptajaxjquery

Incorporating input fields into an HTML form

I'm looking to enhance my form by adding input fields dynamically through the JavaScript function when I click on the add button: let i = 0; function increment() { i += 1; } function addFieldFunction() { let newDiv = document.createElement(&apos ...

javascripthtmlforms

Difficulties with angular ui-router authentication problems

When setting notify to true, the login.html does not render - it shows up as a blank page. However, if set to false, I receive multiple errors in the console: RangeError: Maximum call stack size exceeded at $.resolve (angular-ui-router.min.js:1) a ...

javascriptangularjsangular-ui-router

Change the class of <body> when the button is clicked

One of my tasks involves adding a button that, when clicked, should give the body the class "open-menu". Implementing this using jQuery was quite straightforward - I just needed to add the following line of code: $('.burger').click(function() ...

javascriptangulartypescript

Having trouble with the dropdown menu in Bootstrap?

I'm having trouble creating a responsive dropdown menu. When I click on the dropdown items, nothing happens. Here's the code: <div class="navbar-header"> <button type="button" class="navbar-toggel" data-toggel="collapse" data-target="#m ...

javascripthtmltwitter-bootstrap

The process of converting a data:image base64 to a blob is demonstrated in this code snippet

Seeking a way to convert data:image base64 URLs to blob URLs. Below is the original code that generates the base64 URLs: <script> $(window).load(function(){ function readURL() { var $input = $(this); var $newinput = $(this ...

javascriptjqueryhtml

Featuring the latest updates on the settings page

I am currently designing a settings page for my planning poker app. I want the additional settings to be visible only if the "become scrum master" checkbox is checked. I have tried using ng-show but it's not working as expected. Here is my code snippe ...

javascriptangularjs

Filtering Array Values within an Object using JavaScript

I need help filtering an object based on array values. For example: { "sun":["sleep","walk"], "mon":["read","dance","ride"], "tue":["work",&q ...

javascriptobjectlodash