【华山论剑】基于有赞店铺开发第三方游戏营销插件

"text/javascript" class="js-replyreload">replyreload += ',' + 502955;

申明：转载时请注明作者（草根电商）和出处（公众号:CNGREC），并链接到本贴。

还是老惯例，预览效果请扫一扫以下二维码

因为，内容是很早之前就做好了，但是教程一直没有完善。教程内容的时间跨度比较大，所以有点零碎。如有不完整的地方，请大家指出。

进入有赞后台->应用和营销->有赞API，然后点击开启按钮。目前暂时还用不到有赞的API信息，只是先开启这个接口能力哦。^_^

新浪SAE可以直接用新浪微博帐号登录哦，如果你没有微博帐号请点击这是注册，具体怎么注册这里就不说了。

以下开始为登录SAE后的具体操作步骤：

第一步：点击“我的首页”->“创建新应用”（如下图）：

第二步：输入二级域名以及应用名称，然后选择“空应用”，再点击“创建应用”按钮。

第三步：创建完成之后。返回“我的首页”，可以看到你刚刚创建的应用信息。点击应用名称，示例为“testsae”。

第四步：进入应用管理界面，点击左侧“代码管理”，然后点击右侧“创建一个版本”，默认输入框为“0”，可以不用更改，点击“创建”，即可创建成功。

第五步：接着滚动当前页面的底部，可以看到你的SVN仓库地址哦，请记录此地址。（等会要用哦^_^）

好了，自此你的SAE应用已经创建完毕。现在我们要向SAE提交我们的游戏插件源码了……

第一步：安装TortoiseSVN，点击这里下载官方安装包。32位，64位以及各种语言包统统都有，自己选择下载吧。安装完成之后，在你的E盘新建一个"SAE"的文件夹。然后进入文件夹，点击右键，然后点击“SVN检出”。

第二步：出现检出界面，将刚刚上面的SVN仓库地址复制粘贴到版本库URL中，然后点击“确定”。

哦不，你会出现要求填写用户名和密码的界面。说明如下图：

CheckOut完成之后，就可以将游戏插件的源代码复制到E:SAE文件夹内啦！游戏源码请在公众号回复“游戏源码”获得哦。

第三步：复制完成之后，直接点E:SAE文件夹空白处点击右键，选择“SVN提交”。

第四步：出现如下界面，勾选“Game”文件夹。点击“确定”。

第五步：提交完成之后，将会出现类似如下界面。你的会和下图有点出入，因为你的将有游戏文件列表哦！^_^

SVN提交完毕之后，请在SAE的应用管理里面，在左边侧边栏中依次对KVDB 和Memcache进行初始化操作哦！（重要）

自此，一个基础营销游戏插件已经部署完毕了，快点访问你的链接看看吧！

俗话说：“工欲善其事，必先利其器”。所以在这里我们要祭出我们的开源利器。微信公众平台PHP开发包和ThinkPHP开发框架（当然你也可以用你别的）以及有赞API的SDK包。

第一步：我们要在github下载微信公众平台PHP开发包。

下载完成之后，打开压缩包，来看看我们需要的文件。如下图：

我们需要wechat.class.php以及在Thinkphp目录下的TPWechat.class.php。

第二步：在ThinkPHP官网，下载框架包。

下载成功之后，解压缩到E:SAE1目录下。（注：请大胆的覆盖掉文件，请无视我的WebSite目录。）

然后，在E:SAE1ThinkPHPLibrary新建一个Com目录以及在Com目录下新建一个Weixin目录。将TPWechat.class.php放在此目录。

接着，在Weixin目录下新建一个Core目录。将Wechat.class.php放在此目录。

第三步：在文件放置完成之后，编辑TPWechat.class.php文件，加入以下两行代码。

然后编辑Wechat.class.php文件，加入以下一行代码。

第四步：下载有赞API的SDK包，请点击这里下载。

下载完成之后，打开压缩包。解压我们所需要的文件，如下图：

将这里的三个文件解压缩到如下目录：

好了，到此为止。我们已经初步完成对代码的部署工作了。现在先提交下你的代码到SAE上吧！你会了吗？

当然，如果你对上面的内容还是看不太懂的话，我们为你准备了现成的。可以直接在我们的公众号上回复“框架源码”，来下载已经配置完成的文件吧！

现在我们来完成对游戏的社交元素的植入。

一、我们要获取粉丝的信息。比如昵称、头像等。

二、我们要对粉丝做一个排行榜的功能。

首先，在我们完成前三个步骤之后，我们打开的页面应该是这样的，如下图：

现在我们开始来获取粉丝的数据信息，这里要用到第一步中获取的有赞API信息哦。

第一步：获取粉丝的数据信息。

先打开“E:SAE1ApplicationHomeController”目录，编辑IndexController.class.php文件，如图：

打开之后的内容应该如下图：

我们对文件进行修改，如下图：

这样我们就实现了，获取粉丝的昵称、头像、及OPENID了。这里我们利用有赞提供的API来获取粉丝信息，如下图：

其中，$kdt_appid 及 $kdt_appsecret 就是你们店铺对应的有赞API信息。完成以上步骤，我们的界面就可以是这样了，如下图：

好了，现在我们已经完成对粉丝信息的获取了。

当然我们还得做一个粉丝在公众号的入口啦。因为是基于有赞的，所以我们要有赞的第三方插件啦。

进入有赞后台，应用和营销->插件中心，选择一个插件开启，如下图：

编辑配置文件，路径如下图：

内容请填写你公众号后台，所对应的内容哦。如下图：

这里的token要和有赞有台插件中心的token对应哦。

然后，我们再创建一个WeixinController.class.php文件，路径如下图：

内容如下图：

这里对代码就不再进行一一解释了哦。好了，完成以上步骤之后，到你的公众号上回复“营销插件”，看是不是能够有图文自动回复了呀！当然你得先对代码进行SVN提交哦。如下图：

第二步：实现粉丝游戏的排名。

既然要实现排名，我们就要实现对用户数据的保存。那当然得要用到数据库啦，操作步骤如下：

进入SAE应该的后台，比如我这里是testsae应用，如下图：

点击这入应用，之后在左边侧边栏中找到MySQL，然后点击进入选择共享型MySQL，如下图：

然后点击“初始化MySQL”，之后点击“管理MySQL”，如下图：

输入验证密码之后，再次点击进入MySQL后台，执行以下SQL。如下图：

好了，现在我们已经建立好了数据库，开始对粉丝数据进行保存吧。

首先，我们对main.min3.js文件进行编辑，如下图：

在游戏结束时，我们进行保存操作。这里我们使用AJAX来保存用户数据，如下图：

然后服务器端，再对内容进行保存工作，如下图：

自此，我们已经对用户数据进行了保存。然后，我们对用户的数据进行排名输出，代码如下图：

自此，我们已经完成对用户的排名展示了，效果如下图：

好了，到此为止。我们已经完成对整个营销插件的开发工作了。现在赶快提交到你的代码到SAE上，运行起来吧！你会了吗？

当然，如果你对上面的内容还是看不太懂的话，我们为你准备了现成的。当然必须回复可见啦！

游客，如果您要查看本帖隐藏内容请回复

【原创】教你如何在有赞店铺实现折叠菜单的效果
【剑走偏锋】教你如何在有赞店铺实现多客服的效果
【红包教程】让你的公众号免费拥有发放微信电影票红包的功能

本帖最后由 小草〈草根电商〉 于 2016-6-13 09:34 编辑

额，沙发！

支持！不知道有没有更多的模板游戏可以试用

游戏营销效果确实不容忽视

支持支持

受教了  

嘿嘿,感谢楼主分享！！...

有源代码不？

支持一下，给力的工程师！

HUIFU回复

沙发