Shopifyアプリの中でストアのホームURLを取得する

Shopifyアプリの中でストアのホームURLを取得する方法です。

何かテンプレート的な方法で呼び出せないかと色々探しましたが、どうやら存在しないもよう。

しかし、アプリのURLの中にストアのURLがパラメーターで入っていました。

そこで、JavaScriptのwindow.location.hrefプロパティを使用し、現在のURLからストアのURLだけを抜き出しました。

引数に抜き出したいパラメーター名『shop』を指定することで、URLを返してくれます。

const shopUrl = getParam('shop');
console.log(shopUrl);

function getParam(name, url) {
	if (!url) url = window.location.href;
	name = name.replace(/[\[\]]/g, "\\$&");
	var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
	results = regex.exec(url);
	if (!results) return null;
	if (!results[2]) return '';
	return decodeURIComponent(results[2].replace(/\+/g, " "));
}

引用元↓
https://www-creators.com/archives/4463

返ってきたURLには、「htttps://」が付いていないので注意！

  <Link
      dataPrimaryLink
      url={"https://" + getParam('shop') + "/admin/orders/"}
      external
      removeUnderline
    >
   <TextStyle variation="strong">リンク</TextStyle>
  </Link>