专注WEB开发 分享经验,沉淀知识

我的移动端h5版本的博客终于上线了!

 作者:chenxing  时间:2022-04-06 01:03  评论:

我的移动端h5版本的博客终于上线了

我的移动端h5版本的博客终于上线了。

h5博客首页效果图

27_6a9c312649fa53c12ca565751b39c865

手机浏览器或者微信扫一扫预览,目前只针对H5,也就是移动浏览器和微信访问。微信小程序打包效果不理想,所以并没有发布。

用到哪些技术

  • 接口:golang、beego框架
  • 数据库:mysql,沿用pc端的库和数据
  • 前端:uni-app框架,其中的首页轮播组件+文章页markdown解析组件+parse富文本解析组件
  • 运维:nginx反向代理+golangWeb部署+https认证

前后端分离的方式,前后端各自独立部署。

整体的部署思路:

  • 先解析两个域名:api.qiusuoweb.com 用作接口访问域名;h5.qiusuoweb.com用作前端访问域名
  • 在部署服务器上编译并执行beego的数据接口
  • 配置nginx服务,把api域名的server监听beego服务器端口
  • 配置nginx服务,把h5域名的server监听80端口,root映射到对应的h5首页入口文件
  • 最后可以为两个域名配置https认证

关于我为什么要写移动端h5版本的博客

从用户的角度技术博客的h5版本并不是一个好的选择,因为没有什么流量入口是从h5进入的。我看大多数访问我博客网站的用户都是有具体的问题从搜索引擎进入的,都是带着具体的问题落到某个文章页。这可能是一个技术博客仅有的价值吧。如果仅仅是流量角度那么公众号可能是一个更好的选择。为什么我还是坚持要写h5版本的博客?

我写博客(系统)主要是为了学习之用。博客是一个很好的输出,我想很多程序初学者都会把博客做为自己的第一个项目吧。我的这个博客就是我初学PHP+前端的时候创建的。同样今天写H5为了学习巩固golang技术,当我刚开始学习golang的时候,我就在想我的学完golang我的项目(作业)应该是什么?正好我的博客缺个移动端的应用,就用golang写接口吧。另外顺便丰富下自己的博客入口端(虽然我知道没什么人会再拿个手机扫码在看)。

除特别注明外,本站所有文章均为作者原创。 或分享自己的编程经验,或探讨工作中的问题,或聊以人生趣事。 转载请注明出处来自 http://www.qiusuoweb.com/150.html

发布评论

 提交评论
有人回复时邮件通知我

 评论(0)

站长头像
chenxing(PHP攻城狮)

运营天数

总访问量

文章数量

-

-

-

交流群:157451741

新浪微博:草莽兴

 近期文章

个人博客图片免费存放解决方案

 2022-03-21 00:16  92

MySQL中的MVCC总结

 2022-03-19 03:00  94

什么才是高级工程师的第一技能

 2022-03-16 22:04  71

 最新评论

 诚心: 09月29日 23:01
学到了
来源: 如何一次性推送百万级别的消息
 Nick: 04月14日 12:26
网上的资料还是太老,都只是取一个元素,解决了一大难题
来源: redis set集合取出一组数据并删除
 skywalker: 11月03日 18:21
简洁明了
来源: mysql 获取某个日期的前一天或后一天
 lisheng: 05月09日 19:26
兴哥牛B加油哈兴哥成功的道路上你又进了一步 哈哈
来源: 一年时间又回到这里
 心态炸裂: 03月24日 10:54
No3.blindcomfirm 多了一个l,望改正!!!
来源: 微信小程序获取input值的总结
 666666: 11月08日 13:49
66666
来源: 一年时间又回到这里