小程序的基础配置(uni-app架构,使用HBbuilderX 构建。)

483 阅读2分钟

这是我参与11月更文挑战的第23天,活动详情查看:2021最后一次更文挑战

引言

#小程序:iOS逆向的宗旨是分享保鲜期很长的内容,并被大范围的传递。 根据问题模型讲解最佳方案(问题 –> 方案 –> 总结):

把复杂的问题讲解的很简单很清楚,有各种各样的推导和方案的比较( 原理、思路、方法论)。

划重点

  1. 修改配置
  2. 文章样式
  3. 引导关注公众号

I 小程序基础配置

架构:uni-app,使用HBbuilderX 构建。

1.1 基础配置

  1. 在manifest.json文件配置应用名称和AppID
  2. 开启微信开发者工具的服务端口:手动打开工具 -> 设置 -> 安全设置
11:20:48.363 [微信小程序开发者工具] [error] IDE service port disabled. To use CLI Call, please enter y to confirm enabling CLI capability, or manually open IDE -> Settings -> Security Settings, and set Service Port On.

在这里插入图片描述

  1. 运行调试

在这里插入图片描述 4. 代码管理 git.weixin.qq.com/ 5. 设置WordPress REST API : /components/api.js

export const Getfriend = API + '/wp-content/plugins/iosre-friend.php';
export const Getwatch = API + '/wp-content/plugins/iosre-watch.php';
export const Getdstrict = API + '/wp-content/plugins/iosre-dstrict.php';

1.2 文章样式

更新代码高亮支持语言的样式库

更新PrismJS:prismjs.com/download.ht…

在这里插入图片描述

kunnan.blog.csdn.net/article/det…

删除正则添加<pre><code>的class代码,否则默认是只支持css。

.replace(/<code([\s\w"=\/\.:;]+)((?:(style="[^"]+")))/ig, '<code')
									.replace(/<code([\s\w"=\/\.:;]+)((?:(class="[^"]+")))/ig, '<code')
									.replace(/<code>/ig, '<code class="language-css">')

推荐一个自动插入标签的wp插件: WP Githuber MD

代码库的标签应该是从wp的文章自动插入,而非在拿到接口数据之后强制写死css 样式

1.3 引导关注公众号

<official-account></official-account>

小程序场景值命中以下值时,可展示关注公众号组件:

1011 扫描二维码 1017 前往小程序体验版的入口页 1025 扫描一维码 1047 扫描小程序码 1124 扫“一物一码”打开小程序 在这里插入图片描述

1.4 内容保护

<!-- 如果是分类页面 ,文章页面 ,标签页面就跳转到主页 -->
完整代码请到#小程序:iOS逆向 搜索小程序的基础配置进行查看

II see also

更多内容请关注 #小程序:iOS逆向,只为你呈现有价值的信息,专注于移动端技术研究领域;更多服务和咨询请关注#公众号:iOS逆向。