搜点什么?

Jpress小程序使用教程

发布时间:2021-01-16 11:20

本文作者:

Jpress小程序使用教程

一、准备工作

主题使用期的准备工作,安装插件及授权

https://jpress.icu/article/2407

填写小程序 AppId和AppSecret

微信>>小程序

系统>>接口>>API设置

保持一致

Jpress小程序使用教程 Jpress小程序使用教程 上面两个都要填写

二、设置小程序内容

积木>>小程序设置

这里只说下CMS设置,其他的自己动手试看效果

首页轮播、首页宫格、个人中心页面Item格式都一致 整体是JSON数组组成 每个item由type、title、url、image、icon四个字段组成

type支持4种:

  • 跳转页面----格式为"../../pages/page/page?id=页面id"

  • 跳转文章分类页----格式为"../../pages/page/page?id=分类id"

  • 跳转文章页----格式为"../../pages/page/page?id=文章id"

  • 跳转外部链接----格式为"../../pages/page/page?id=外部链接"

    icon只有在个人中心页面Item才会使用到,点击链接查看支持的icon

[
    {
        "type": "page",
        "title": "昨夜星辰昨夜风,画楼西畔桂堂东",
        "url": "../../pages/page/page?id=29",
        "image": "https://cdn.uviewui.com/uview/swiper/1.jpg",
        "icon": "qr_code"
    },
    {
        "type": "category",
        "title": "昔我往矣杨柳依依",
        "url": "../../pages/artlist/artlist?id=13",
        "image": "https://cdn.uviewui.com/uview/swiper/2.jpg",
        "icon": "qr_code"
    },
    {
        "type": "article",
        "title": "谁念西风独自凉,萧萧黄叶闭疏窗,沉思往事立残阳",
        "url": "../../pages/article/article?id=2612",
        "image": "https://cdn.uviewui.com/uview/swiper/3.jpg",
        "icon": "qr_code"
    },
    {
        "type": "web",
        "title": "被酒莫惊春睡重,赌书消得泼茶香,当时只道是寻常",
        "url": "https://www.jpress.icu",
        "image": "https://cdn.uviewui.com/uview/swiper/2.jpg",
        "icon": "qr_code"
    }
]

如何编辑?

推荐使用JSON在线编辑器 https://www.bejson.com/jsoneditoronline/

JSON在线编辑器

编辑完之后点击“2”的位置,合并成一行,复制到Jpress对应的设置里面去 enter description here

效果图 enter description here

三、微信公众平台设置

准备工作: 下载微信开发者工具,小程序app_id,app_secret,配置业务域名(不懂百度去)

enter description here

1、项目导入开发者工具 enter description here enter description here

2、更改static/init.js和common/vendor.js里面的配置文件 enter description here

3、编译一下,然后上传项目 enter description here

4、版本管理可以体验或者提交审核、审核通过之后发布

enter description here

相关文章

加入我们!

如果你想系统学习JPress涉及到的知识点,或者希望有人解答你在深度使用JPress时遇到问题,
加入QQ群是个很不错的选择