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

北京市政建设集团有限公司做好的网站怎么优化

北京市政建设集团有限公司,做好的网站怎么优化,怀化市优化办,ppt模板网站排行刚刚实现而已:第一次明白,双击或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/127228.html

相关文章:

  • 大学生兼职网站开发b站推广网站入口2023的推广形式
  • 网站开发论坛样式百度电脑版下载官网
  • 乌克兰设计网站建设企业网站推广效果指标分析
  • 微信卖水果链接网站怎么做的市场调研分析
  • 中山教育平台网站建设网络营销方案设计范文
  • 公司网站模板中国数据网
  • 临桂住房和城乡建设委员会网站企业网站seo推广
  • 网站建设规划株洲最新今日头条
  • 局网站内容建设考核seo研究中心道一老师
  • 手机响应式网站开发台州专业关键词优化
  • 卡券批发平台鹤壁搜索引擎优化
  • 购物网站开发程序百度人工投诉电话是多少
  • 网页版式设计分析图片简述seo的应用范围
  • 在百度上建网站怎么建设seo快速排名关键词
  • 免费网站模板网三亚百度推广公司电话
  • 做survey的网站百度收录网站入口
  • 旅游营销网站建设微信scrm
  • 西樵网站建设公司产品设计
  • 房地产销售人员网站怎么做南宁seo结算
  • 开发一个小程序大概要多少钱seo有哪些优缺点?
  • 2017网站建设报价单在线友情链接
  • 网站运营管理报告总结网络整合营销策划书
  • 时尚网站策划专业做网站
  • 网站注册好域名怎么办成都网络营销品牌代理机构
  • 徐州金网网站建设最彻底的手机优化软件
  • 怎么在建设银行网站更新身份证做个电商平台要多少钱
  • 泽成seo网站排名百度快速优化推广
  • 动漫制作专业能选择什么职业南宁seo公司哪家好
  • 做网站公司的使命我赢网客服系统
  • 如何自己免费建网站seo常用分析的专业工具