首页 > 编程语言 >【项目实战】手把手教你利用博客园API开发、上线一个自己的博客小程序

【项目实战】手把手教你利用博客园API开发、上线一个自己的博客小程序

时间:2023-07-26 17:46:29浏览次数:42  
标签:上线 请求 api 手把手 博客园 程序 API 微信

说明

本篇希望用最简单的方式帮助大家上线一个属于自己的实用的小程序,帮助大家体验一个相对较完整的小程序创建、上线流程,步骤会尽可能详尽;

文章会更像新手教程,只是引导零基础的同学入个门,所以会尽可能避免让大家自行编辑代码,因此在文中也不会对代码逻辑就进解释,文章中也会附上源码地址。

 

小程序功能查看

微信搜索“小王子的开发博客”或扫码查看(因为小程序在更新,所以源码中的功能可能会比看到的功能要少)

 

一、准备工作:

1.  安装微信开发者工具(官方地址,选择稳定版)

2.  开通博客园博客(官方地址

 

3.  申请博客园api(官方地址

 

二、博客园发布随笔

这个就很简单不放图了,记得"访问权限"设置为"公开"就好了(发布后要等一会儿,接口才能获取到数据)。

 

三、测试请求api

这里建议先测试一下请求,如果请求不通过,后面做的都没什么意义。

官方api方档:博客园 Open API 开发文档 (cnblogs.com)

在线请求测试工具:在线HTTP接口测试 - HTTP GET/POST模拟请求测试工具,JSON模拟请求 (sojson.com)

1. 获取access_token接口测试:

   用测试工具对这个接口https://api.cnblogs.com/token进行请求。

        设置:①post方式;②添加client_id、client_secret(api申请通过邮件中的值)、grant_type;③请求头Content-Type设置为application/x-www-form-urlencoded

   返回结果如图则请求正常,后面两个接口基本也可以不用测试,直接用源码改参数应该也没什么问题。

 2.获取随笔列表接口测试

  '{blog}'改为你自己的博客名,{pageIndex}就先设置为1;

  文档中没有写,但是实际上每个接口都要在请求头上加上Authorization作为验证,值为'bearer ' + 上一步获取的access_token

        设置:①get方式;②请求头Content-Type设置为applicationjson; ③添加Authorization

 

四、创建小程序

1. 源码地址(需到小程序内搜索对应文章):

   微信搜索“小王子的开发博客”或扫码查看

 

2.解压文件

 3. 导入项目

我会比较喜欢先使用测试号运行成功,再注册小程序

4. 先勾选'不校验合法域名'运行小程序,进行测试:

 5. app.js文件,修改配置信息

6. 编译及真机调试:

  

7. 小结

  如果配置成功的话,就可以获取你在博客园上发布的随笔了,这时候就可以准备上线小程序了(此时,我只有发布了一篇)。

8. 不重要的一步(可以不看)

如果要改页面的标题的话,到每个pages中的json文件中修改

 

五、上线小程序

1. 注册小程序账号(官方地址

按流程注册个人小程序账号即可,注册后把基本信息按要求填完(小程序类目可选:工具-信息查询、工具-办公)

2. 复制小程序id

 

3. 修改微信开发工具中的小程序id

 

4. 配置服务器域名

  添加:https://api.cnblogs.com

 

5. 微信开发工具刷新

 

6. 取消勾选"不校验合法域名"

 

7. 上传小程序

恭喜,如果到这一步,微信开发工具仍然可以正常运行,那么就可以上线这个小程序了。

 

8. 提审

 

9. 发布上线

审核通过后,就可以在这里发布上线了。

 

 

注:转载需注明出处及作者名,严禁恶意转载,尊重原作者的劳动成果。

标签:上线,请求,api,手把手,博客园,程序,API,微信
From: https://www.cnblogs.com/future-limitless/p/17581032.html

相关文章

  • 国产化的接口测试、接口自动化测试工具Apipost的介绍及使用
    Apipost介绍:Apipost是API文档、API调试、APIMock、API自动化测试一体化的研发协作赋能平台,它的定位Postman+Swagger+Mock+JMeter。Apipost是接口管理、开发、测试全流程集成工具,能支撑整个研发技术团队同平台工作,主要使用者为前端开发、后端开发、测试人员。Apipo......
  • JDBC p2 JDBC API
    JDBCAPI获取数据库连接5种方式通过new创建Driver对象;使用反射加载Driver类,动态加载,减少依赖性,更加灵活;使用DriverManager替代Driver进行统一管理,有了更好的扩展性;使用Class.forName自动完成注册驱动,简化代码;在方式4的基础上改进,增加配置文件,让mysql连接更灵活,最推荐......
  • kube-apiserver内存溢出问题调查及go tool pprof工具的使用
    问题描述测试集群三台master,每个master上面的kube-apiserver都频繁的重启。登录其中一台master,发现kube-apiserver的内存占用特别高,每次重启完后内存很快就飙到了20G左右,而且还有继续增长的趋势。因为默认kube-apiserver的静态pod是没有设置memeorylimit的,最终api-server会吃光......
  • WebApi-寄宿方式注意事项
    所谓的寄宿方式,就是把服务从原来的容器(iis、appache)中提取出来通过宿主程序来控制其启动,这样的好处就是避免了对服务器(容器)的依赖,实现灵活控制,但在实际开发中尤其是新手容易忽略的地方,这里做个简单的示例,记录一下便于以后自查。首先建立一个公共各类库Common,用于存放实体类。编......
  • 个微微信API
    你可以用微信机器人api实现个性化微信功能(例:营销系统、机器人小助手、客服系统等),用来自动管理微信消息。能开发的功能包括但不限于:**好友管理**:添加好友、删除好友、修改备注、创建标签、获取好友列表、检测僵尸粉**消息管理**:发文本消息、图片消息、名片消息、动图表情、小......
  • 实习微信机器人API开发
    现在网络上资源聚集复杂,当我们想要实现一个功能时,我们已经没有必要像前辈们那样来进行繁重的造轮子的工作。目前,随着人教育体系的提高,培养出专业性人才,为解决繁重的工作带来质的飞越,也就是微信机器人的开发,帮我们抵抗了绝大部分繁重的压力。接下来向大家介绍的一所微信机器人其功......
  • fastapi文件上传下载
    importosimporttimefromfastapiimportAPIRouter,File,UploadFilefromfastapi.responsesimportFileResponserouter=APIRouter(tags=['Upload'],prefix='/upload')@router.post("",summary='文件上传')defcreate(up......
  • EBS: API创建用户
    EBS账号以员工号作为账号。DECLAREp_employee_idnumber;v_user_namevarchar2(100);v_ownervarchar2(50);v_unencrypted_passwordvarchar2(50)defaultnull;v_session_numbernumberdefaultnu......
  • 博客园设置
    /*!Theme:AtelierForestLightAuthor:BramdeHaan(http://atelierbramdehaan.nl)License:~MIT(ormorepermissive)[viabase16-schemes-source]Maintainer:@highlightjs/core-teamVersion:2021.09.0*/precode.hljs{display:block;overflow-x:aut......
  • 我开源了团队内部基于SpringBoot Web快速开发的API脚手架v1.6.0更新
    什么是rest-api-spring-boot-starterrest-api-spring-boot-starter适用于SpringBootWebAPI快速构建让开发人员快速构建统一规范的业务RestFullAPI不在去关心一些繁琐。重复工作,而是把重点聚焦到业务。动机每次WebAPI常用功能都需要重新写一遍。或者复制之前的项目代码......