如何在腾讯云上开发一款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 条评论
登录 后参与评论

相关文章

来自专栏iKcamp

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

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

4279
来自专栏web前端教室

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

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

2218
来自专栏互联网杂技

Angular 1 vs. Angular 2 深度比较

AngularJS 2 尽管还在Alpha阶段,但主要功能和文档已经发布。让我我们了解下Angular 1 和 2 的区别,以及新的设计目标将如何实现。 Ang...

33510
来自专栏姬小光

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

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

853
来自专栏啸天"s blog

RGB颜色值与十六进制颜色码转换工具

1266
来自专栏Nian糕的私人厨房

WeChat 从一个简单的“Welcome”页面来开启小程序之旅吧

本次的系列博文的知识点讲解和代码,主要是来自于 七月老师 的书籍《微信小程序开发:入门与实践》,由个人总结并编写,关于更多微信小程序开发中的各项技能,以及常见问...

643
来自专栏Google Dart

AngularDart 4.0 高级-路由概述 顶

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

662
来自专栏河湾欢儿的专栏

前端三大框架比较Angularreactvue

952
来自专栏weixuqin 的专栏

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

4497
来自专栏小文博客

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

1405

扫码关注云+社区