前端无服务器搭建网站
如果只是个人的静态博客或者纯前端应用,比如hexo的静态博客,或者前端框架的网站,可以无服务器的方式进行搭建,本文通过Github+cloudflare的方式进行无服务器搭建网站
准备一个github账号
一个cloudflare账号
搭建cloudflare:https://dash.cloudflare.com/
cloudflare选择Workers 和 Pages,选择创建应用程序pages;
连接git,选择github,添加github账户;
选择仓库(可以是公有或者私有的)
开始设置,这里cloudflare给我们提供了构建的过程,也就是如果是vue项目,上传源代码目录到github上,cloudflare也可以通过构建命令,构建出静态资源
最后就是保存部署,自定义域名需要把域名的DNS服务商改到cloudflare托管,然后就可以使用cloudflare解析并自定义域名了。
总结这种方式适合中小型、访问量小的前端网站,,因为cloudflare有每日的免费10W次的请求次数。cloudflare这里起到一个加速作用,对于前端框架也可以构建。
优点:
部署简单 ...
解决docker镜像pull问题
2024年6月初,由于某些原因,docker无法正常pull镜像,这对于依赖Docker环境的我来说,确实有点麻烦的。对于别人的镜像站点,能用多久是个问题,如果作者不维护,这个镜像站点就无法使用,就需要重新找新的站点。介于此,思考许久,不如自己搭建一个,给自己的目标就是:免费、稳定就足够了,以下是一种解决方案:
解决方案:原理:使用cloudflare代理Docker镜像站点。
cloudflare官网:https://dash.cloudflare.com/
开源仓库:https://github.com/cmliu/CF-Workers-docker.io
步骤:
注册登录cloudflare,选择Workers 和 Pages,这两个部署方式都是可以的;
Pages方式:连接github仓库,选择github仓库(Fork过来的开源仓库),直接开始默认设置就可以
Workers :复制 _worker.js 代码,保存并部署即可
修改文件 /etc/docker/daemon.json(如果不存在则创建)
1234567891011sudo mkdir -p /etc ...
Docker自动化部署和HTTPS认证
这篇文章主要记录一下如何实现项目的自动化集成部署,并且让docker容器支持HTTPS的访问。
解决哪些痛点问题在个人开发项目的时候,我们希望自己写的项目网站能放到有公网IP的服务器上供每个人都可以浏览访问,但是服务器端通常会遇到一些问题:
端口问题:
比如A项目需要占用3000端口,B项目也需要,这个时候导致端口的冲突,就需要修改端口。而且记住端口也是一件很麻烦的事情,容易导致端口冲突问题。(本文只需要服务器开放80和443端口,通过ngixn代理其他docker容器,从而无需开启其他端口就可以访问到容器应用)
部署问题:
每次项目代码的小改动,都需要重新本地构建,连接服务器上传代码,这是非常麻烦的一件事情。(通过Jenkins自动化集成部署可以解决该问题)
HTTPS证书问题:
每个项目需要域名访问,比如api.admin.com对应的是api接口项目,front.admin.com对应前端项目,但是证书需要为每个域名单独申请,这就很费时费力了,而且每个证书都有时效性的,过期就需要手动更新,很麻烦(通过acme可以自动更新证书,并且是免费开源的)
碎片化:
服务器端存放的会比较碎片 ...
MockJS模拟接口使用
MockJS 是一个用于生成模拟数据的 JavaScript 库,它可以帮助开发者快速生成各种类型的模拟数据,用于测试、填充界面或其他需要模拟数据的场景。以下是使用 MockJS 的基本步骤和示例:
这里使用Vue和axios为演示:
模板结构:
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152<template> <div> <h2>登录</h2> <form @submit.prevent="login"> <div> <label for="username">用户名:</label> <input type="text" id="username" v-model="username" r ...
MongoDB数据库批量数据写入方案
最近在写一个号码中间四位查询的网站,涉及到大量数据的写入,其中遇到mongoDB大量写入数据时卡死内存溢出的问题,最终的解决方案记录写一下。
最终方案:
123456789101112131415161718192021222324252627282930313233343536373839404142434445const { MongoClient } = require('mongodb');// MongoDB连接URIconst uri = 'mongodb://localhost:27017/';// 要插入的数据库和集合名称const dbName = 'your_database';const collectionName = 'your_collection';// 准备要插入的数据const dataToInsert = [ { name: 'John', age: 30 }, { name: ' ...
直通车标准计划搭建
看了淘宝商家的内部培训课,这里做一下简单总结,直播回放:https://n.dingtalk.com/dingding/live-room/index.html?roomId=o5f1gGexXxtz4RdU&liveUuid=6a2a93f3-833d-4562-9ef0-58acff80d28d
直通车标准计划的搭建直通车标准计划主要是拉标签,拉人群的作用,智能计划属于收割的作用,收割是基于已有的人群标签去重复曝光。
开车前最起码做10-20销量基础。有一个基础数据
第一步:取消系统词包和关键词,只保留流量智选,关键词保持0;
第二步:流量智选出价为60%-70%,出价从低到高开,这里系统推荐是1元,所以出价可以出0.6,出价低主要是为了防止后面压不住PPC。
第三步:人群推荐只保留智能拉新,因为一开始也不知道链接适合什么样的人群。
第四步:人群溢价如果是主打搜索可以设置为20%。主打推荐可以设置为70%,人群溢价这块主要打的是推荐流量
第五步:智能调价可以打开,溢价30%,目标是促成交,但是全能调价关闭
第六步:商品图,如果前期点击率高,可以使用仅商品图,没有测图可以 ...
