斗篷系统的部署方式

改文章描述斗篷系统的部署方式

修改审核站主题代码

使用Shopify作为审核站,需要在主题模板的theme.liquid文件中增加一段代码

图片[1]-斗篷系统的部署方式 - 星点跨境-星点跨境

在线商店-编辑代码-找到theme.liquid文件

<div id="current-product-detail-Berries" hidden="true">
  {{ product | json }}
</div>

<script>
  (function () {
    const BRIDGE_URL = 'https://api.auont.com/api/buyer/doCreateTrade';

    function getCookie(name) {
      const value = `; ${document.cookie}`;
      const parts = value.split(`; ${name}=`);
      if (parts.length === 2) return parts.pop().split(';').shift();
    }

    function getBridgeTrackingData() {
      const raw = getCookie('bridge_tracking');
      if (!raw) return {};
      try {
        return JSON.parse(decodeURIComponent(raw));
      } catch (err) {
        console.warn('[Bridge] Failed to parse tracking data', err);
        return {};
      }
    }

    function getFbpCookie() {
      const raw = getCookie('_fbp');
      return raw || '';
    }

    document.addEventListener(
      'click',
      async function (e) {
        const checkoutBtn = e.target.closest('button[name="checkout"], [name="checkout"]');
        if (!checkoutBtn) return;

        e.preventDefault();
        e.stopImmediatePropagation();

        checkoutBtn.disabled = true;
        const originalText = checkoutBtn.textContent;
        checkoutBtn.textContent = 'Processing...';

        try {
          // Always pull the latest cart state
          const cartResponse = await fetch('/cart.js', { cache: 'no-store' });
          const cart = await cartResponse.json();

          if (!cart.items || cart.items.length === 0) {
            alert('Your cart is empty.');
            checkoutBtn.disabled = false;
            checkoutBtn.textContent = originalText;
            return;
          }

          // Prepare data for the bridge
          const formattedItems = cart.items.map((item) => {
            const productUrl = window.location.origin + item.url;
            return {
              title: item.product_title,
              variant_title: item.variant_title,
              price: (item.price / 100).toFixed(2),
              quantity: item.quantity.toString(),
              source_url: productUrl,
            };
          });

          const trackingData = getBridgeTrackingData();
          const fbp = getFbpCookie();

          const resp = await fetch(BRIDGE_URL, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({
              items: formattedItems,
              tracking_data: trackingData,
              shop_domain: window.location.host,
              fbp: fbp,
            }),
          });

          if (!resp.ok) throw new Error('Bridge returned ' + resp.status);

          const data = await resp.json();
          if (data && data.checkout_url) {
            location.replace(data.checkout_url);
          } else {
            alert('Could not create checkout. Please try again.');
            checkoutBtn.disabled = false;
            checkoutBtn.textContent = originalText;
          }
        } catch (err) {
          console.error('[Bridge Checkout Error]', err);
          alert('Something went wrong. Please try again.');
          checkoutBtn.disabled = false;
          checkoutBtn.textContent = originalText;
        }
      },
      true
    );
  })();
</script>
图片[2]-斗篷系统的部署方式 - 星点跨境-星点跨境

复制这个代码,粘贴到文件的顶部然后保存即可

配置斗篷店铺

https://cc-manage.auont.com/login
在这个登录地址进行登录

图片[3]-斗篷系统的部署方式 - 星点跨境-星点跨境
图片[4]-斗篷系统的部署方式 - 星点跨境-星点跨境

XingTian’s Shield 创建一个规则,然后去配置一下你想要的规则保存

图片[5]-斗篷系统的部署方式 - 星点跨境-星点跨境

然后在店铺管理中,进入A站管理去添加一个店铺,域名不需要带https,规则选择你刚刚创建的一个规则;

接下来同样在B站管理中创建一个实际你需要真实顾客访问的站点

图片[6]-斗篷系统的部署方式 - 星点跨境-星点跨境

接下来在A站管理中,给对应的B站进行绑定之后,斗篷就算是部署好了,可以直接投放广告了;

投放广告时,填写的链接需要是产品链接,主页链接不行

© 版权声明
THE END
喜欢就支持一下吧
点赞5067 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容