ブラウザサイドのJSでrequire('https')を行いたい

Question

###前提・実現したいこと
ブラウザサイドのJavascriptでrequire('https')を行うと、エラーが出てしまい読み込めないです。
require('https')の形式以外でも、同じ結果となる宣言方法があれば、その回答でも構いません。

エラーを出さずにrequire('https')を行う方法を、ご教示願います。

JS初心者で、質問も拙いとは思いますが、どうかご回答お願いいたします。

###発生している問題・エラーメッセージ
単純にvar https = require('https');としても、下記のエラーメッセージが出てきます。
"Uncaught ReferenceError: require is not defined"

###該当のソースコード
AWS S3へのアップロード機能をテストするコード内で、宣言しています。

<script type="text/javascript">
        	var https = require('https');
        	AWS.config.httpOptions = {
			  agent: new https.Agent({
			    rejectUnauthorized: false
			  })
			};

          // アップロード処理

            // s3rderテスト用-s3バケット
            // 通常のs3環境で使う場合はここはコメントアウトしてください
            uploadBucket = "test";

            // S3オブジェクト生成
            var s3 = new AWS.S3({
                        endpoint: new AWS.Endpoint('http://192.168.33.125:4567'),
                        region: 'ap-northeast-1'
                       });
</script>

###試したこと
ネットで検索し、<script>タグでも読み込めるという記載を見つけましたが、require('https')のURLが分からず宣言できませんでした…

###参考にさせて頂いたサイト

• http://uraway.hatenablog.com/entry/2015/11/30/require_is_not_definedを解消してrequireを使えるようにする
• https://nodejs.org/api/https.html

Comments

[m.ts10806]

検索した結果の参考ページURLを追記願います。

[sunasand]

承知致しました。<script>タグの件や他の参考にしたサイトのURLを記載致します。

[m.ts10806]

該当のソースコードはご提示のものが全てでしょうか？前後は何もないですか？

[sunasand]

記載しているソースコードは全てではありません。コードが長いため、requireしている個所のみを記載しました。前後のソースも多少追記したいと思います。

Answer 1

残念ながら、httpsはNode.js組み込みの機能なので、ブラウザ上で実行することはできません。

ブラウザからHTTP/HTTPSアクセスを行う場合、XMLHTTPRequestやfetchなどいくつか手法がありますが、いずれにもセキュリティ上制約がかかってきます。

もちろん、ブラウザ内でHTTPSサーバを動かすこともできません。

Comments

[sunasand]

ブラウザでは実行できないんですね…
"ブラウザからHTTP/HTTPSアクセスを行う場合、XMLHTTPRequestやfetchなどいくつか手法があります"
⇒まずはご教示頂いたこちらの方法を一度試してみたいと思います！ご回答ありがとうございました。