HTML的购买按钮添加,将shopify购买按钮添加到流星js网站

news/2024/5/12 17:26:42/文章来源:https://blog.csdn.net/weixin_35725654/article/details/118266958

不知道最好的方法来连接流星js网站使用购买按钮购物。 要initializie的Shopify API - http://shopify.github.io/js-buy-sdk/ - 直接,我导入使用将shopify购买按钮添加到流星js网站

meteor npm install --save shopify-buy

meteor npm install --save shopify-promise

这些包shopify买和shopify-承诺NPM包出现在的package.json

},

"dependencies": {

"babel-runtime": "^6.26.0",

"bcrypt": "^1.0.3",

"shopify-buy": "^0.7.1",

"shopify-promise": "0.0.5",

"simpl-schema": "^0.3.2"

},

After fetching a product with the product ID we use the promise function to generate some markup with the required attributes and content, and add it inside our HTML container element.

client.fetchProduct('your-product-id').then(function(product) {

var html =

"%22%20+%20product.selectedVariantImage.src%20+%20%22" +

"

" + product.title + "

" +

"Buy Now!";

$('#product-1').html(html);

});

但不知道如何通过这个网站回到流星JS模板,因为我只需要传回的数据。

使用类似于上面的JS代码,我尝试将Shopify按钮url添加到我的每个产品中作为shopifyBuyUrl字段。我在服务器做到这一点/ startup.js

Meteor.startup(function() {

var shopifyBuyUrl = require('shopify-buy');

const shopClient = shopifyBuyUrl.buildClient({

api_key: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",

accessToken: 'yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy',

domain: 'test1.myshopify.com',

appId: '6'

});

[ ... then I have code here that loads the product categories array - this array has 6 categories and an array of products within each category ...]

[next I try and pre-fill the shopifyBuyUrl value for each product]

for (var i=0; i < 6; i++) {

// fetch a product using resource id

for (var j=0; j < products[i].length; j++) {

// shopify product id is hardcoded for now

products[i][j].shopifyProductId='12836712587';

shopClient.fetchProduct('12836712587').then(function(product) {

products[i][j].shopifyBuyUrl=product.selectedVariant.checkoutUrl(1);

})

.catch(function() {

console.log('Request failed');

});

}

}

console.log('Inserting categories into MongoDB ...');

for (var i=0; i < 6; i++) {

Categories.insert(

{

img_alt:name[i],

img_src:src[i],

desc:desc[i],

products:products[i],

});

}

}

上面的代码能够与Shopify成功验证,并创建shopClient实例。 Shopify电话创建Shopify购买网址有时会成功,有时无法记录'请求失败'消息。不确定是否故障与重复使用同一产品ID相关!

由于我不确定是否直接使用Shopify API或使用流星shopify软件包,我还将https://github.com/froatsnook/meteor-shopify软件包添加到我的项目中,并且对此软件包进行了身份验证。但是从包API /演示中不清楚如何使用此包来启用Shopify Buy。

因此,总体上我不清楚什么是使用Shopify和Meteor JS的最佳/正确的方法。 Froats没有办法走还是不再适用?理想情况下,最好直接去Shopify,但不知道它如何与流星合作。

任何将Shopify购买按钮添加到流星JS项目的帮助将不胜感激。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_817658.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Web网站服务(Apache)

1Apache的主要特点 1&#xff09;开放源代码&#xff1a;这是Apache服务器的重要特性之一&#xff0c;也是其他特性的基础。Apache服务程序由全世界的众多开放者共同维护&#xff0c;并且任何人都可以自由使用&#xff0c;这充分体现了开源软件的精神。2&#xff09; 跨平台应用…

-HTMLCSS-——模拟小企业网站主页导航栏

2019独角兽企业重金招聘Python工程师标准>>> 做出来的作业效果图&#xff08;右键图片选择“在新的窗口打开图片”来查看&#xff09;&#xff1a; 素材图片&#xff1a; &#xff0c;&#xff0c;&#xff0c;&#xff0c; 完成的代码&#xff1a; static.html为&a…

网站的静态页面生成方案 .

提升网站性能的方式有很多&#xff0c;例如有效的使用缓存&#xff0c;生成静态页面等等。今天要说的就是生成静态页面的方式。这个也是我近期一直在搞的一个问题,近期在做使用html servlet做个人网站,为什么是这2个东西呢&#xff1f;1、直接用servlet是为了保证网站能以最快…

给你的网站加上站内搜索---Compass入门教程

给你的网站加上站内搜索---Compass入门教程 syxChina(syxchina.cnblogs.com) Compass(基于Lucene)入门教程 1 序言 2 Compass介绍 3 单独使用Compass 4 springhibernate继承compass 4-1 jar包 4-2 配置文件 4-3 源代码 4-4 说明 4-5 测试 5 总结下吧 1 序言 这些天一直在学点新…

SSH + Lucene + 分页 + 排序 + 高亮 模拟简单新闻网站搜索引擎

前两天看到了一个中国新闻网&#xff0c;这个网站的搜索form的action是http://search.chinanews.com/search.do 便知道是struts1的产物&#xff0c;现在都用struts2了&#xff0c;所以给自己的任务是实现Struts2 SSH分页浏览新闻、Lucene分页高亮排序搜索新闻这个两个功能。 ID…

WordPress速度 - 如何使您的WordPress网站加载速度快

WordPress速度 - 如何使您的WordPress网站加载速度快 快速加载网站对于获取和保持稳定的流量非常重要。因此&#xff0c;对于想要发展WP网站&#xff0c;增加流量和增加收入的每个人来说&#xff0c;WordPress的速度都是一个问题。 但是&#xff0c;有几个因素可能会降低WP网站…

h5打开app跳不到指定页面 uni_初学uni-app,把网站变APP

快速入门uni-app&#xff0c;把想看的网站变APP。下载hbuildx&#xff0c;这里官方提供了几种安装包&#xff0c;有完全版&#xff0c;还有beta版&#xff0c;还有标准版&#xff0c;随便下一个吧&#xff0c;或者直接下载标准版的&#xff0c;因为它最小。1.创建uni-app&#…

利用URLOS搭建自己的CDN网站加速节点真是其乐无穷

CDN可以帮助我们提交网站静态内容的访问速度&#xff0c;而且可以针对不同线路进行分配优化&#xff0c;用最适合的网络线路访问我们的网站内容。比如源站地址在东莞&#xff0c;机房线路是电信&#xff0c;远在山西太原的用户网络环境是联通的&#xff0c;访问源站时速度非常慢…

如何找到一个网站(链接域名)的ip地址

用ping查看域名ip地址1. winR打开cmd2. 输入ping空格域名

大数据hadoop之大型互联网电商公司网站日志分析

2019独角兽企业重金招聘Python工程师标准>>> 博主今天分享大型项目的分析demo&#xff0c;下面是假设某个公司的网站项目想要得到活动日、节假日的网站流量分析。此类需求使用hadoop离线平台来分析性价比百分百完美。下面博主直接上教程。。。 操作步骤&#xff1a;…

Java实现广告屏播放切换_使用javascript实现某网站的头部广告向上切换效果

学了javascript后&#xff0c;看到某网站的一个头部广告效果很不错&#xff0c;感觉自己也能做出来&#xff0c;于是经过我一下午的奋斗&#xff0c;哈哈&#xff0c;我成功了&#xff0c;虽然实现可能很麻烦&#xff0c;但没法&#xff0c;如果你理解我的程序&#xff0c;如果…

在线人数实时显示php_PHP+jquery实时显示网站在线人数的方法_PHP教程

本文实例讲述了PHPjquery实时显示网站在线人数的方法。分享给大家供大家参考。具体分析如下&#xff1a;在线人数最简单的就是直接利用js调用php&#xff0c;这样可以显示出有多少人访问了本站&#xff0c;如果要在用户未刷新页面的状态实时显示用户在线人数&#xff0c;我们可…

linux的帮助,帮助信息_Linux公社 - Linux系统门户网站

除Linux公社(LinuxIDC.com)注明之服务条款外&#xff0c;其它因使用Linux公社(LinuxIDC.com)及旗下网站服务而引致之任何意外、疏忽、合约毁坏、诽谤、版权或知识产权侵犯及其所造成的各种损失(包括因下载而感染电脑病毒)&#xff0c;Linux公社(LinuxIDC.com)概不负责&#xff…

gitbook生成html静态页面,gitbook输出为静态网站

你有两种方式输出一个静态网站&#xff1a;本地预览时自动生成当你在自己的电脑上编辑好图书之后&#xff0c;你可以使用Gitbook的命令行进行本地预览&#xff1a;E:\gitbook\gitbook-studying>gitbook serve ./图书目录这里会启动一个端口为4000用于预览的服务器&#xff1…

网站数据过多卡顿怎么优化_怎么做网站SEO?如何做网站SEO优化?正确的网站SEO优化怎么做?...

怎么做网站SEO?不同的seo从业者有自己的seo方法和程序&#xff0c;也有自己的观点。在靖歌阁看来&#xff0c;他们认为效率是结果的终维度&#xff0c;其他一切都是空谈。在给定的时间内&#xff0c;有多少关键词被排名&#xff0c;有多少在第一页&#xff0c;有多少大的索引词…

网站php上传服务器地址,thinkphp上传服务器地址

thinkphp上传服务器地址 内容精选换一换下载地址: https://github.com/bcgsc/abyss/archive/2.2.4.tar.gz。下载地址: http://downloads.sourceforge.net/project/boost/boost/1.56.0/boost_1_56_0.tar.bz2。下载地址&#xff1a;https://www.bcgsc.ca为了实现通过NAT Server可…

h5页面怎么处理文件流_网站聚合页面是什么、好处及怎么做?重复页怎么处理?...

竞价QQ交流群&#xff1a;482183592信息流QQ交流群&#xff1a;340191802整合营销交流群&#xff1a;543613831聚合页面&#xff0c;很多新人不太懂&#xff0c;所以这篇就来带大家了解一下。1、聚合页面是什么&#xff1f;有哪些形式&#xff1f;2、聚合页面对SEO优化有什么利…

xp服务器下建立web站点,windowsxp系统下配置Web IIS7.0网站的方法

最近&#xff0c;一位windowsxp系统用户反馈自己非常希望能够在电脑中配置Web IIS7.0网站&#xff0c;可是操作了很久都没有成功。这该怎么办呢&#xff1f;接下来&#xff0c;系统城小编就带大家看看配置Web IIS7.0网站的具体方法&#xff0c;希望对大家有帮助&#xff01;具体…

发布网站

引用lubaihua33 的 发布网站在Visual studio2005中建好一个网站项目&#xff0c;项目文件放于桌面。向外发布网站的方法如下&#xff1a; 1&#xff09; 开始—程序—管理工具—Internet信息服务&#xff08;IIS&#xff09;管理器&#xff0c;在弹出的对话框中&#xff1a;选…

Java开发牛人十大必备网站

以下是我收集的Java开发牛人必备的网站。这些网站可以提供信息&#xff0c;以及一些很棒的讲座, 还能解答一般问题、面试问题等。质量是衡量一个网站的关键因素&#xff0c;我个人认为这些网站质量都很好。接下来&#xff0c;我会跟大家分享我是如何使用这些网站学习和娱乐的。…