【微信小程序】博客小程序,静态版本(一)准备工作

827 阅读3分钟

本文正在参加「金石计划 . 瓜分6万现金大奖」

【博客小程序】专栏

【微信小程序】博客小程序,静态版本(一)准备工作

【微信小程序】博客小程序,静态版本(二)引入 lin-ui 组件、设计和开发文章页

【微信小程序】博客小程序,静态版本(三)设计和开发首页、个人关于页

前言

之前做了一个博客的搭建(gitee版本)

有一些网友 “卑微地” 问我,微信小程序版本的博客呀?

如下:与网友小橙、红、绿、蓝的聊天记录 image.png

最后,在所有的网友一直苦苦哀求我之下。我决定了,准备再搞一个简单的微信小程序版本的个人博客。 image.png

流程介绍

该博客小程序将分为三部分(开发过程会有多个):

(一)准备工作 (二)开发过程 (三)验收效果

准备工作

1-1 申请小程序

进入微信公众平台官网,点击注册。
image.png
选择 小程序注册类型
image.png
输入注册的相关信息
image.png

1-2 完善小程序信息

注册完成后,点击填写(进行完善小程序信息) image.png 这里填写自己的微信小程序,个性的博客小程序名称!(这里已改成笔者手记 image.png 完成注册个人小程序 image.png

2-1 下载、安装微信开发者工具

进入微信开发者工具官方,并进行下载微信开发者工具
在这里插入图片描述

2-2 找到微信小程序AppID

登陆微信小程序——》找到设置——》滚动条拉到最底下 image.png

2-3 使用微信开发者工具

点击桌面已经安装好的【微信开发者工具】,使用当时扫码注册小程序的微信进行扫码登录。 image.png 选择项目相关信息 image.png

3-1 代码管理(选择微信官方提供)

这个可以跳过,只是方便代码放地方。

微信开发者代码管理:git.weixin.qq.com/users/autho…

扫码登录 image.png 设置用户名和密码(用于微信开发者工具进行提交代码的帐号密码,与下面的同步) image.png 回到首页,创建项目 image.png 填写相关信息 image.png 创建成功复制该 git 地址(这里是 git.weixin.qq.com/NanFangZhe/…image.png

在微信开发者工具中,进行点击右上角的版本管理==》点击确定 image.png 设置微信开发者对应代码管理的用户名和密码(即输入用户名和密码) image.png 添加设置远程 git 地址(一) image.png 添加设置远程 git 地址(二)(即刚刚复制的 git.weixin.qq.com/NanFangZhe/…image.png 发现已经出现一个 origin , 点击左上角 推送 ==》 勾选自动跟踪为上游分支 ==》 确定 image.png 成功后,会发现 origin 下有新出现的 master,同时 代码管理 中对应项目的页面会有上传的文件。 image.png

总结

  1. 介绍文章想法由来。
  2. 如何进行申请小程序的流程。
  3. 微信开发者工具的安装和使用。
  4. 代码管理的简单了解与使用。(可忽略)

源码地址(同步更新)

微信开发者-代码管理地址:笔者手记 (git.weixin.qq.com)
Gitee地址:笔者手记 (gitee.com) image.png

小程序体验二维码

gh_0c054e8912c0_258.jpg

文章小尾巴

文章写作、模板、文章小尾巴可参考:《写作“小心思”》
  感谢你看到最后,最后再说两点~
  ①如果你持有不同的看法,欢迎你在文章下方进行留言、评论。
  ②如果对你有帮助,或者你认可的话,欢迎给个小点赞,支持一下~
   我是南方者,一个热爱计算机更热爱祖国的南方人。
  (文章内容仅供学习参考,如有侵权,非常抱歉,请立即联系作者删除。)