blocks|key|1721854|text|以防其他人想这么做|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1721855|您应该像普通的http调用一样进行https调用，但是您必须确保您的浏览器信任后端api使用的证书&即您的浏览器可以连接到此api。|1721856|注意：|1721857|它可能会在YARC或REST客户端给出超时错误，所以你应该直接在浏览器中尝试一个简单的GET请求(即:导航到https+get请求)|1721858|例如，如果我们有这个API|1721859|1721860|+https://testDomain.com:7001/getCountries|blockquote|offset|length|1721861|1721862|1721863|尝试通过在浏览器中导航到此url来发出get请求，如果您在本地或在UAT中测试，您的证书可能不会自动在浏览器中完全信任，因此您必须告诉chrome您信任此网站并转到那里(转到此网站)。|1721864|如果您可以在浏览器中成功调用此get请求：|1721865|然后，您可以按照以下资源调用https+apis，就像调用普通http一样(完整正确的URL包含https和端口号)：|1721866|1-+Angular+httpClient+guide|1721867|2-你也可以查看this+excellent+guide+on+making+http+calls+in+Angular+5|1721868|entityMap|0|LINK|mutability|MUTABLE|url|https://testdomain.com:7001/getCountries|1|https://angular.io/guide/http|2|https://www.metaltoad.com/blog/angular-5-making-api-calls-httpclient-service^0|0|0|0|0|0|0|1|14|0|0|0|0|0|0|0|3|O|1|0|8|1I|2|0^^$0|@$1|2|3|4|5|6|7|1D|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1E|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|1F|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|1G|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|1H|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|1I|8|@]|9|@]|A|$]]|$1|K|3|L|5|M|7|1J|8|@]|9|@$N|1K|O|1L|1|1M]]|A|$]]|$1|P|3|-4|5|6|7|1N|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1O|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|1P|8|@]|9|@]|A|$]]|$1|T|3|U|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|V|3|W|5|6|7|1R|8|@]|9|@]|A|$]]|$1|X|3|Y|5|6|7|1S|8|@]|9|@$N|1T|O|1U|1|1V]]|A|$]]|$1|Z|3|10|5|6|7|1W|8|@]|9|@$N|1X|O|1Y|1|1Z]]|A|$]]|$1|11|3|-4|5|6|7|20|8|@]|9|@]|A|$]]]|12|$13|$5|14|15|16|A|$17|18]]|19|$5|14|15|16|A|$17|1A]]|1B|$5|14|15|16|A|$17|1C]]]]

Just in case someone else is trying to do this

You should make the https calls just like the normal http calls but you have to ensure that your browser trust the certificate that is used by the backend APIs &amp; that your browser can connect to this api.

Note:

It might give timeout error in YARC or REST clients so you should try a simple GET request directly in the browser (i.e: navigate to https get request)

For example, if we have this API 

<blockquote>
 <a href="https://testDomain.com:7001/getCountries" rel="noreferrer">https://testDomain.com:7001/getCountries</a>
</blockquote>

Try to make a get request to this url by navigating to it in the browser, if you are testing locally or in UAT, your certificate might not be fully trusted in the browser automatically, so you have to tell chrome that you trust this website &amp; go there (proceed to this website)

If you can successfully call this get request in the browser:

Then you can call the https apis just as you call normal http (with full correct URL having the https &amp; the port number) as per the below resources:

1- <a href="https://angular.io/guide/http" rel="noreferrer">Angular httpClient guide</a>

2- You can also check out <a href="https://www.metaltoad.com/blog/angular-5-making-api-calls-httpclient-service" rel="noreferrer">this excellent guide on making http calls in Angular 5</a>

blocks|key|5737638|text|只需确保传入参数的请求URL为https即可。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5737639|如果你使用的是完整路径，那么这很容易，你可以指定https，即'https://request.url.com‘。|offset|length|5737640|如果它是你的应用程序的相对路径，比如'/api/some/data‘，那么你的应用程序应该被安全地托管，并使用https连接到达。|5737641|entityMap|0|LINK|mutability|MUTABLE|url|https://request.url.com/^0|0|W|N|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

Just make sure that the request URL you pass into the parameters is https. 

If you're using a full path then that's easy, you can specify https, I.E. '<a href="https://request.url.com" rel="nofollow noreferrer">https://request.url.com</a>'.

If it's a relative path to your application such as '/api/some/data' then your app should be hosted securely and reached using a https connection.

blocks|key|5737688|text|这个答案有点晚了，但对于正在搜索它的人来说，这可能会有所帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5737689|在最新版本的angular中，您可以使用http+interceptor来完成此操作，如angular+docs中所示|offset|length|style|CODE|5737690|entityMap|0|LINK|mutability|MUTABLE|url|https://angular.io/guide/http#intercepting-requests-and-responses^0|0|K|G|18|C|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@$D|R|E|S|F|G]]|9|@$D|T|E|U|1|V]]|A|$]]|$1|H|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

This answer is a little bit late, but for the people just searching it, this might be helpful.

With the latest version of angular you can use <code>http interceptor</code> to do this as is shown in the <a href="https://angular.io/guide/http#intercepting-requests-and-responses" rel="nofollow noreferrer">angular docs</a>

blocks|key|5737569|text|简而言之，在您的page.ts上添加以下内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5737570|import+{Http}+from+'@angular/http';|code-block|syntax|javascript|5737571|然后在你的页面类中(在@component下面)，在构造函数中添加'public+http:Http‘，如下所示：|5737572|constructor(public+http:Http,+public+navCtrl:+NavController,+public+navParams:+NavParams)+{}|5737573|然后在你的构造函数外部(在你的页面类内部)，让http请求函数像这样：|5737574|httprequest(url)+{
++++++++this.http.request(url).map(res+=>+JSON.parse(res['_body']));
++++++++}|5737575|然后在页面类中的任何地方使用它，如下所示：|5737576|this.httprequest('http://your_request_url').subscribe(yourdata=>{
console.log('you+have+your+data:+'%2BJSON.stringify(yourdata));
});|5737577|*如果不是JSON数据，就不需要JSON.parse。res'_body‘就是你获取数据的地方。|5737578|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|12|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|S|3|T|5|6|7|14|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|V|$]]

short answer, add this on top of your page.ts:

<pre><code>import {Http} from '@angular/http';
</code></pre>

then inside in your page class(below @component), in your constructor, add 'public http:Http' like this:

<pre><code>constructor(public http:Http, public navCtrl: NavController, public navParams: NavParams) {}
</code></pre>

then outside your constructor(inside your page class), make http request function like this:

<pre><code>httprequest(url) {
 this.http.request(url).map(res =&gt; JSON.parse(res['_body']));
 }
</code></pre>

then use it anywhere within your page class like this:

<pre><code>this.httprequest('http://your_request_url').subscribe(yourdata=&gt;{
console.log('you have your data: '+JSON.stringify(yourdata));
});
</code></pre>

*you don't need JSON.parse if it's not JSON data. just res['_body'] is where you get your data.

blocks|key|2208331|text|这很简单，试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2208332|import+{+Http,+Headers+}+from+'@angular/Http';

export+class+service{
++constructor(private+http:Http){
+++let+headers+=+new+Headers({+'Content-Type':+'application/json'+});
++++this.http.post(requestUrl,headers,body)
+++++++++++++.map(val+=>+val.json())
+++++++++++++.subscribe(data+=>+console.log(data))
}
}+|code-block|syntax|javascript|2208333|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

It's so simple try this:-

<pre><code>import { Http, Headers } from '@angular/Http';

export class service{
 constructor(private http:Http){
 let headers = new Headers({ 'Content-Type': 'application/json' });
 this.http.post(requestUrl,headers,body)
 .map(val =&gt; val.json())
 .subscribe(data =&gt; console.log(data))
}
} 
</code></pre>

How to configure and make a https request from angular 2?

Couldn't find any resources on it.

Can please someone guide me here?

Thank you.

Angular 2 HTTPS request

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

如何从angular 2配置和发起https请求？在上面找不到任何资源。有谁能带我到这里来吗？谢谢。

问Angular 2 HTTPS请求
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Angular 2 HTTPS请求EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Angular 2 HTTPS请求
EN