dev環境では動くものの，本番環境では動いていない

tagahei commented 9 months ago

発生した問題

画像マーカをマージした後，ロカール環境では動くが，本番環境ではloding wait...が永遠続いている

原因

ローカル本番ともにエラーは出てない違いとして，本番環境では特徴量ファイルをbuildして，リダイレクトしている．．．？どちらもStorageにおいて取得するような処理が掛けたら解決するかもっ！

tagahei commented 9 months ago

詰まってるところ

a-nftタグのurlの動的変更できやんねんなぁ

nftタグ自体は取れているが，urlは変わっていなかった

const nft = document.getElementById('nft');
nft.url = "sample/ddd";

Storageに置いた特徴量ファイルの取得

nft.urlの指定が拡張子なしだから，フォルダのパスを取得して，その中のファイル名と結合したパスを指定したいなと思ったでもフォルダのパス取得が分かってない

www2に置いたらCORSエラー

昨日試したときはこれで，置き場所に困ってうううう

tagahei commented 9 months ago

src直下に置いた場合

ローカル環境では動くが，本番環境では動かない

      <a-nft
        type="nft"  
        url="/src/descriptors/Yoslab"
        >

ローカル環境のログ	本番環境のログ

[error]のとこ

[error] Error loading KPM data: error reading data.
[error] Error reading KPM data from /markerNFT_0.fset3
[error] ARToolKitJS(): Unable to set up NFT marker.

a97e6ddf-9159-4cf5-9f60-a800643e2c1f:1 Uncaught TypeError: Cannot perform %TypedArray%.prototype.set on a detached ArrayBuffer
    at Uint8Array.set (<anonymous>)
    at A.value (a97e6ddf-9159-4cf5-9f60-a800643e2c1f:1:782513)
    at A.value (a97e6ddf-9159-4cf5-9f60-a800643e2c1f:1:777112)
    at A.value (a97e6ddf-9159-4cf5-9f60-a800643e2c1f:1:769397)
    at onmessage (a97e6ddf-9159-4cf5-9f60-a800643e2c1f:1:785024)

tagahei commented 9 months ago

同じところで詰まっているやつ

本番環境の時に出るエラーにもUnit8ってあるし，文字コードの問題っぽいでもwww2において，ローカルホストからなら大丈夫だけど，本番環境からならダメなのようわからんよなぁ...

tagahei commented 9 months ago

www2においたらいけた！

コード変えてないのにな...わけわかめ

とりあえずこれでもいいけど，理想はStorageなので，Storageでもできないかやってみる

tagahei commented 9 months ago

Storageバージョン

A-frame，AR.jsよりも早く呼び出すことで，nftのurlをコンソール上では変更できたけど，取得はできてないねんなぁ

<!-- ARReader.jsの読み込み -->
    <script type="module" src="firebase.js"></script> 
    <script type="module" src="Reader.js"></script> 
    <!-- A-FrameとAR.jsのCDN -->
    <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
    <script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar-nft.js"></script>

const nft = document.getElementById('nft');
nft.url = "https://www2.yoslab.net/~minari/sample/Yoslab"
// nft.setAttribute(`url`, "https://www2.yoslab.net/~minari/sample/Yoslab")

sabomate / AR-video_viewer