如何在腾讯云上开发一款O2O书签?

作者:潘佳宇

只想先把这件事做到极致 这只是自己在最后一个暑假的折腾 做出来我已经很心满意足了 Pan 书签长什么样子,直接看图吧

(设计图)

(实物效果图)

之所以做书签 其实是因为自己看书的时候 老是忘记之前看到哪 我又不想把书页折一下当标记 就想买书签 逛了大半天的淘宝 又发现没有自己喜欢的 那么?我不如自己设计个书签出来自己用吧 设计书签的时候,我担心书签不够用怎么办? 能不能通过一张书签就能知道自己最近在读哪本书? 那么...... 能不能通过微信+二维码,一扫就知道自己在读哪本书?

如何在腾讯云中从0到1实现这款作品的呢?

一.申请一个云服务器,我申请的配置是

二.搭建WDCP即可视化管理系统

WDCP 的具体操作过程地址。 腾讯云的 BBS 里面有很多大神,也有很多教程可以让我们小白也能轻松上手,至于为什么要搭建一个 WDCP ,其实这个是一个后台管理系统,相当于在服务器中搭建一个系统,方便后期可视化操作(因为直接进入后台就能设置相应的东西,打开相应的文件,而不是利用代码来实现)。

三.学习&开发经验

我学习 PHP 语言,建议学习韩顺平老师的,或者是兄弟连 PHP 的视频教学。当然还有很多免费优质的教材,比如慕课,网易云课堂,极客学院……

四.运行的环境

实施步骤

  1. 微信开发签名认证,从微信公众后台下载微信开发文档,上传至腾讯云。
  2. 微信公众后台开发者模式中,填入 Token 和 URL 进行认证。
  3. 认证完成之后,编写 keyword 关键字回复代码。
  4. keyword 关键字回复功能实现之后,搭建 phpmyadmin 数据库。
  5. 编写数据库连接代码。
  6. 数据库完成之后,可使用 Mysql 语句进行插入,删除,修改等功能。

五.踩过的坑

1.每个云有每个云连接数据库的代码,比如 SAE, BAE 连接数据库的代码是不一样的。 新浪 SAE 的是

    private $dbname=SAE_MYSQL_DB;//数据库名
    private $username=SAE_MYSQL_USER;//数据库账号
    private $password=SAE_MYSQL_PASS;//数据库密码
    private $host=SAE_MYSQL_HOST_M;//主机名
    private $port=SAE_MYSQL_PORT;

百度 BAE 的是:

$dbname = 'iJwoEEToOKqMjzeIWmOd'; //数据库名
            $host = getenv('HTTP_BAE_ENV_ADDR_SQL_IP'); //主机名
            $port = getenv('HTTP_BAE_ENV_ADDR_SQL_PORT');
            $user = getenv('HTTP_BAE_ENV_AK'); //数据库账号
            $pwd = getenv('HTTP_BAE_ENV_SK'); //数据库密码

但是腾讯云连接数据库的代码比较简单 $connect = mysql_connect('localhost','root','123'); 这段代码就能实现

2.检查 PHP 代码是否有问题,可以重新建立一个 test.php 来对相应的代码进行测试

3.检查 Mysql 语句是否有问题,可以在 phpmyadmin 里面的 SQL 进行检查,有时候检查错误花费的时间甚至比重新再写一次代码还久。所以我们可以利用我们所能利用的资源来快速查找出我们代码中的 BUG 。

比如说变量的定义,有人定义 $ conn ,也有人定义 $ connent 符号的使用,数据库里面的符号是这个"

",不是" ’ "。

4.培养良好的代码注释习惯,方便自己和他人在以后重新查看代码的时候,能更加高效快捷,比如我那时候在学习PHP的时候,一开始看到源码的时候,我有点摸不着头脑,所以我就边学边注释,希望自己下次,或是别人看到源码的时候能知道里面是在说什么功能

5.微信验证成功之后,把valid方法注释掉,这样可以避免之后的开发,曾经因为这个原因,导致我的代码一直都跑不起来

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

编辑于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏姬小光

姬小光前端小讲堂【第004期】

前面几期我都在尝试以最平缓的曲线让大家快速入门,后续根据同学们的反馈,内容的深度会逐步提升。那么这一期我们来说说文档类型与HTML页面的基本结构。

1023
来自专栏iKcamp

翻译 | 使用A-Frame打造WebVR版《我的世界》

原文地址:Minecraft in WebVR with HTML Using A-Frame 原文作者:Kevin Ngo 译者:Felix 校对:阿希 我是...

4679
来自专栏Google Dart

AngularDart 4.0 高级-路由概述 顶

本指南涵盖路由器的主要功能,通过演示可以实时运行的小应用程序(查看源代码)演示它们。

1002
来自专栏从零开始学自动化测试

Selenium2+python自动化8-SeleniumBuilder辅助定位元素

前言 福利来了,对于用火狐浏览器的小伙伴们,你还在为定位元素而烦恼嘛? 上古神器Selenium Builder来啦,哪里不会点哪里,妈妈再也不用担心我的定位元...

3035
来自专栏小文博客

自适应免费开源主题——Dobby

1925
来自专栏互联网杂技

react+redux+webpack教程4

接着上回新闻搜索的例子。现在我们要通过路由进入一个新的页面来查看新闻详细内容。 react和路由并没有什么直接关系,用什么路由都可以。不过使用react-rou...

37310
来自专栏weixuqin 的专栏

利用 pyspider 框架抓取猫途鹰酒店信息

5087
来自专栏web前端教室

本周先行者课程--多级下拉菜单回顾

各位同学们大家好,又到周末了。这个周末咱们开始讲新的前端组件,多级下拉菜单。这个东西我们以前讲过一次,但因为感觉之前讲的有些不太充分,还是把它再拿出来讲一下。 ...

2698
来自专栏DeveWork

修改WordPress 搜索结果页面url 形式,安全有保障

偶然发现开源中国(OSC)的搜索功能不能在非用户登录情况下使用,据说是被攻击了,无奈之下只得关闭游客搜索功能;据说WordPress 也可以通过向搜索地址传递某...

22310
来自专栏腾讯IVWEB团队的专栏

概览:可视化前端测试

做过前端开发的同学都知道,前端测试不仅仅涉及到功能的测试,而且也需要考虑到界面样式测试、多浏览器兼容性测试、性能测试。本文主要讨论分析目前前端测试的现状,并讨论...

5040

扫码关注云+社区

领取腾讯云代金券