OpenLayersの基本認証3

Question

OpenLayersがデスクトップアプリケーションに組み込まれているため、認証が必要なサーバーからWMSマップレイヤーを要求しようとしています。

環境のため、ブラウザーが通常は認証を要求するために表示するポップアップを作成することができず、とにかく顧客には受け入れられません。

今のところ私はhttps：// {username}：{password} @ domain.com/wmsの形式を使用しますか？

私がol.source.TileWMSのURLとしてOpenLayersに渡した場合、リクエストにはユーザー名とパスワードが削除されています。私はいつも401エラーが返ってきて、ユーザー名とパスワードは削除されています。

Answer 1

tileUrlFunctionを使用してレイヤを作成できます。

var tileUrlFunction = function(tileCoord, pixelRatio, projection) { 
    if (!tileCoord) { return ""; } 

    var x = tileCoord[1]; 
    var y = tileCoord[2]; 
    var z = tileCoord[0]; 

    return 'https://{username}:{password}@localhost/map-tiles/' + z + '/' + x + '/' + y + '.png'; 
} 

var layers = [ 
    new ol.layer.Tile({ 
    source: new ol.source.XYZ({ 
     tileUrlFunction: tileUrlFunction 
    }) 
    }) 
]; 

EDIT：組み込みの使用「ユーザー：パスワード」URLでの認証はRFC 3986によって廃止されましたので、これはもはや現代のブラウザでは動作しません。