vue-wordpress-pwa

授权协议 MIT License
开发语言 JavaScript
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 不详
投 递 者 何超英
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

vue-wordpress-pwa

An offline-first SPA using Vue.js, the WordPress REST API and Progressive Web Apps

Live version: https://www.fullstackweekly.com/

alt tag

Description

This is the code for the FullStackWeekly website. You can use it as a starter pack for your WordPress site as well.

Since WordPress can expose a REST API, this project uses Vue.js, Vue-router, Vuex, Vue-resource & Progressive Web App techniques to create an offline-first web client.

You can also fork the project and host it on Azure App Services with continuous integration using the deploy.cmd file (included)

Live version: https://www.fullstackweekly.com/

Getting Started

Prerequisites

Make sure that Node v11 is installed.

Features

Instructions

First, install the WordPress plugins to enhance its REST API

  • Better REST API Featured Images
  • REST API Enabler
  • WP REST API - filter fields
  • WP REST API - Pure Taxonomies

Then, clone the repo or create a fork

$ git clone https://github.com/bstavroulakis/vue-wordpress-pwa.git

Then, edit the config:

src/app.config.js

Then, edit the theme, routes and assets:

src/theme/
src/components/routerTypes.js
src/components/router.js
src/assets

Finally, to run the project for development with hot reload:

$ npm install
$ npm run dev

Or, build the project for production:

$ npm run build

Deployment

Setup a new site on Azure App Services https://[fullstackweekly].azurewebsites.netand as the path select your forked Github project.

Your site should be running on the path you created (https://[fullstackweekly].azurewebsites.net)!

It should work offline as well and with every commit it will deploy the changes to Azure.Once the user refreshes the site he will receive the new cached version immediately.

License

MIT

  • 自大流行以来,在线购物活动有所增加。2020 年,超过20 亿人在线购买了产品或服务,而且这一数字只增不减。预计到 2022 年底,仅美国的电子商务行业就将成为一个万亿美元的行业。 我们想涉足蓬勃发展的电子商务行业,但我们如何知道选择合适的电子商务平台?在本文中,我们将探讨为 Vue.js 应用程序选择电子商务平台时要考虑的一些因素。 我们将关注以下平台: Vue店面 截图车 电源 Commerc

  • 今天将自己自己最近写的练手代码整理放到了github上,主要是两个: 一个是后端,github地址:github.com/shadowpromp… 一个前端,github地址:github.com/shadowpromp…。 后端项目有以下功能: 支持wordpress博客(道招网)数据(文章、分类、标签)的GraphQL查询,接口地址www.daozhao.com.cn/graphql PWA的

  • 作为一名前端工程师,尤其是现在前端各种新玩意,后端那些数据啊、接口啊真的暂时不想多花时间,wordpress这个选择就不错。之前就听说wordpress支持restful API,加上最近想用vue好好写点项目,于是一切就开始了。 先用vue,接下来pwa、小程序。把pwa排在前面是因为自己用twitter lite比较久了,感觉不错,现在Google+也有pwa了。 其实的网站已经很久没有更新了

  • 介绍 VuePress 是尤雨溪(vue.js 框架作者)4月12日发布的一个全新的基于 vue 的静态网站生成器,实际上就是一个 vue 的spa 应用,内置 webpack,可以用来写文档。详见 VuePress中文网 其实类似的建站工具有很多,比如WordPress、Jekyll、Hexo 等,其中 WordPress 需要自己购买虚拟主机,不考虑;Jekyll 是Github-Page 默

 相关资料
  • 您可以通过Softaculous Apps安装程序点击几下,直接在您的网站上安装WordPress。 WordPress是一种非常受欢迎的内容管理软件,因为它有超过一百万个网站。 它安全可靠,易于使用且完全可定制。 要使用Softaculous Apps Installer安装WordPress,请按照下列步骤操作。 Step 1 - 在左侧菜单中单击“博客”,您将找到WordPress。 点击它

  • 我试图在我的wordpress主题中实现响应图像。有一些插件可用,但我尝试的那些插件弄乱了我的布局。 我基本上想做的是用响应图像替换所有现有图像(不仅仅是特色图像或缩略图),或者使用srcset或srcset 我的wordpress主题创建以下图像大小: 我曾尝试用preg_replace函数替换img标签,但我从未成功捕获所有图像,我不确定这是否是最好的方法。我的一些图片有类,一些没有。 最后,

  • WordPress 基本信息 WordPress 是开源的 Blog 和内容管理系统框架,它基于 PHP 和 MySQL。 该仓库位于 https://hub.docker.com/_/wordpress/ ,提供了 WordPress 4.x ~ 5.x 版本的镜像。 使用方法 启动容器需要 MySQL 的支持,默认端口为 80。 $ docker run --name some-wordpre

  • WordPress是一种使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL 数据库的服务器上架设自己的网志。也可以把 WordPress 当作一个内容管理系统(CMS)来使用。WordPress 是一个免费的开源项目,在GNU通用公共许可证下授权发布。 WordPress 被认为是Michel Valdrighi所开发的网志平台b2 cafelog的正式继承者。“WordPress”这

  • Default Visual Editor in Wordpress A slimmed down version of TinyMCE is the default “Visual Editor” in WordPress. If you want to use a version of TinyMCE closer to the full-featured Self-hosted releas

  • WordPress MU 是一款多用户版 Blog 程序。其核心代码继承自 WordPress,单个博客的功能上有部分简化。BSP(博客服务商)网站 wordpress.com 既是使用 WordPress MU 搭建。