当前位置: 首页 > wzjs >正文

北京建站优化公司百度推广费用

北京建站优化公司,百度推广费用,企业形象设计成功案例,做个人网站用什么程序刚刚实现而已:第一次明白,双击或file:///打开html文件,居然和从localhost:3000打开同一个html文件有本质的区别。 字体居然还能以Base64代码嵌入到网页,只是太大太笨。 需要安装node.js,npm安装更多依赖:…

刚刚实现而已:第一次明白,双击或file:///打开html文件,居然和从localhost:3000打开同一个html文件有本质的区别。

字体居然还能以Base64代码嵌入到网页,只是太大太笨。

需要安装node.jsnpm安装更多依赖:
npm init -y
npm install express puppeteer uuid cors

在这里插入图片描述在这里插入图片描述需要管理员在命令行:
npm start
node server.js (后台、后端,也涉及很多繁琐的设置)
如果不是有大语言模型手把手交,效率会低不少。

反复测试,仍不完美。但server.js应该是可以固定下来了:

const express = require('express');
const puppeteer = require('puppeteer');
const path = require('path');
const fs = require('fs').promises;
const { v4: uuidv4 } = require('uuid');
const cors = require('cors');const app = express();
app.use(express.static('public'));
const port = 3000;// 配置 CORS
app.use(cors({origin: 'http://localhost:3000', // 明确允许客户端来源methods: ['GET', 'POST'],allowedHeaders: ['Content-Type']
}));app.use(express.json({ limit: '10mb' }));
app.use(express.static(path.join(__dirname, 'public')));app.get('/', (req, res) => {res.send('服务器运行正常!请访问 /index.html 或点击“打印到 PDF”按钮生成 PDF。');
});app.post('/generatepdf', async (req, res) => {console.log('Received request to generate PDF');const { html } = req.body;if (!html) {console.error('Missing HTML content in request body');return res.status(400).send('Missing HTML content');}try {console.log('Launching Puppeteer...');const browser = await puppeteer.launch({headless: true,args: ['--no-sandbox', '--disable-setuid-sandbox']});console.log('Puppeteer launched successfully');const page = await browser.newPage();console.log('Setting page content...');await page.setContent(html, { waitUntil: 'networkidle0' });console.log('Page content set');console.log('Generating PDF...');const pdfBuffer = await page.pdf({format: 'A4',printBackground: true,preferCSSPageSize: true});console.log('PDF buffer size:', pdfBuffer.length);await browser.close();console.log('PDF generated successfully');// 保存 PDF 文件用于调试const filename = `jingyesi-output-${uuidv4()}.pdf`;await fs.writeFile(path.join(__dirname, filename), pdfBuffer);console.log(`PDF saved to ${filename} for debugging`);// 设置响应头并发送 PDF(使用二进制发送)res.set({'Content-Type': 'application/pdf','Content-Length': pdfBuffer.length,'Content-Disposition': 'attachment; filename="jingyesi.pdf"'});res.end(pdfBuffer, 'binary'); // 使用 res.end 确保二进制数据发送} catch (error) {console.error('Failed to generate PDF:', error);res.status(500).send('Failed to generate PDF: ' + error.message);}
});app.listen(port, () => {console.log(`服务器运行在 http://localhost:${port}`);
});

要保持 localhost:3000 后台服务器一直开启状态。访问本地其它资源的虚拟网页仍然要http-server --c-1 -cors 另外开或者修改地址之后也从同一个服务器指向的文件夹实现

不完美的地方主要是,Puppeteer 对嵌入字体的支持比较弱,Base64代码把整个字体文件打包进去之外太笨拙,引用网络字体似乎效果不理想。

http://www.dtcms.com/wzjs/361045.html

相关文章:

  • 做设计一般用的素材网站是什么意思在线网页生成器
  • 郑州企业免费建站四川游戏seo整站优化
  • 公司电商网站建设方案模板营销软件哪个好
  • 天水做网站百度一下首页手机版
  • 淘宝网站首页怎么做网站优化网站
  • 国内男女直接做的视频网站新人做外贸怎么找国外客户
  • 石狮网站开发大连seo外包平台
  • 辽宁官方网站做辣白菜国家再就业免费培训网
  • java做的网站怎么设置关闭和开启网站访问不了色盲图
  • 网站设计制作上海收录网
  • 海口网球场网站seo快速排名优化的软件
  • 找题做的网站信息发布网站有哪些
  • 找新疆做网站的网页设计个人主页模板
  • 星锐网站建设温州云优化seo
  • 郑州网站制作案例网络公司名字大全
  • 订货网站开发价格奶盘seo伪原创工具
  • wordpress author 404常用的seo查询工具
  • 服务网站建设公司seo刷关键词排名免费
  • 门户网站开发费怎做账常州网站推广
  • 济南推广网站建设球队积分排名
  • 街舞舞团公司做网站网店运营实训报告
  • 网站建设五行属什么搜索优化软件
  • dw制作简单网站小程序开发制作
  • 桂林论坛网站建设如何免费做视频二维码永久
  • 西安网站建设的费用哪个公司网站设计好
  • vs2012网站开发谷歌怎么投放广告
  • 北京h5网站建设报价最佳磁力吧ciliba磁力链
  • 网站开发费用清单竞价广告推广
  • 深圳家园网社区论坛排名优化软件点击
  • 网页版梦幻西游金色什么伙伴比较好给网站做seo的价格