记一次微信公众号的开发与后台搭建
一.背景
刚入新公司不久,就碰见一个同事要离职,就交接了这个项目给我。同事的离职比较仓促,所以交接的也不是很好,这也是后面问题偏多的一个客观原因。项目如题所示,前端采用vue.js+node.js开发,后台采用c#开发接口,还需要开发一个c#的网站来展示数据。上一份工作做的是erp,用的是powerbuilder,所以这个项目还是涉及到比较多的生疏知识。
二.遇到的问题
1.微信测试环境搭建
微信的测试环境搭建还是比较麻烦的(对于新手来说),但是我回过头去看的时候,也不知道该写些什么,还是网上找教程吧。
2.微信录音上传下载
微信录音如果想要下载的指定路径,需要先上传录音到微信服务器,再根据返回的serverId(即下载的MEDIA_ID)去微信提供的接口下载到你目标路径,微信测试环境没问题的话,按照这个基本上就没有问题,不过调试之类的比较麻烦,只能通过写日志的方式查看。微信也提供了一个供测试的界面,输入参数,可以获取报错信息。
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
/// <SUMMARY> /// 下载保存多媒体文件,返回多媒体保存路径 /// </SUMMARY> /// <PARAM name="ACCESS_TOKEN"></PARAM> /// <PARAM name="MEDIA_ID"></PARAM> /// <RETURNS></RETURNS> public string GetMultimedia(string ACCESS_TOKEN, string MEDIA_ID) { string file = string.Empty; string strpath = string.Empty; string stUrl = Common.TextHelper.WXUploadMediaUrl+"?access_token=" + ACCESS_TOKEN + "&media_id=" + MEDIA_ID; HttpWebRequest req = (HttpWebRequest)HttpWebRequest.Create(stUrl); req.Method = "GET"; using (WebResponse wr = req.GetResponse()) { HttpWebResponse myResponse = (HttpWebResponse)req.GetResponse(); strpath = myResponse.ResponseUri.ToString(); WebClient mywebclient = new WebClient(); string basePath = AppDomain.CurrentDomain.BaseDirectory + "Attachment";//附件临时存放路径 string amrFile = DateTime.Now.ToString("yyyyMMddhhmmssms")+".amr"; string mp3File= DateTime.Now.ToString("yyyyMMddhhmmssms")+".mp3"; try { mywebclient.DownloadFile(strpath, Path.Combine(basePath, amrFile)); ConvertToMp3(Path.Combine(basePath, amrFile), Path.Combine(basePath, mp3File)); file = mp3File; //file = amrFile; } catch (Exception ex) { //savepath = ex.ToString(); } } return file ; }
3.微信录音格式转换
amr格式的文件,网页不能播放,所以需要转换成MP3格式,查看了许多都选择使用第三方工具ffmpeg。刚开始使用的时候,遇到了MP3可以转成wav格式,但是amr格式不能转成mp3的尴尬局面。折腾了许久,后面经过检查才发现用于测试的amr文件坏掉了。这个故事告诉我们一定要细心,还有遇到问题不用慌,深呼吸一口气,从头检查一遍,或许会有收获。
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
public string ConvertToMp3(string pathBefore, string pathLater) { string c = System.Web.HttpContext.Current.Server.MapPath("/ffmpeg/") + @"ffmpeg.exe -i " + pathBefore + " " + pathLater; log.WriteLine(c); string str = RunCmd(c); return str; } /// <summary> /// 执行Cmd命令 /// </summary> private string RunCmd(string c) { try { ProcessStartInfo info = new ProcessStartInfo("cmd.exe"); info.RedirectStandardOutput = false; info.UseShellExecute = false; Process p = Process.Start(info); p.StartInfo.UseShellExecute = false; p.StartInfo.RedirectStandardInput = true; p.StartInfo.RedirectStandardOutput = true; p.StartInfo.RedirectStandardError = true; p.Start(); p.StandardInput.WriteLine(c); p.StandardInput.AutoFlush = true; Thread.Sleep(1000); p.StandardInput.WriteLine("exit"); p.WaitForExit(); string outStr = p.StandardOutput.ReadToEnd(); p.Close(); return outStr; } catch (Exception ex) { return "error" + ex.Message; } }
4.路径正确,却无法获取附件(iis mine类型配置)
公众号提交的信息包含图片、音频、视频,上传到服务器后都是放在同一个文件夹,但是网页显示的时候,图片可以访问,音频、视频却提示不能访问。问了老大才知道iis上mine类型需要加下配置。由于我之前做的不是网页开发,甚至不是c#开发,所以很多坑还没踩过,只能一个个踩过去,才会长记性。所谓经验,大概就是踩过的坑比较多吧!
5.图片旋转
这个倒是没什么好说的,图片旋转的简单实现而已
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
function rotate(row) { var deg = eval('get' + $("#" + row).css('transform'));//构造getmatrix函数,返回上次旋转度数 var step = 90;//每次旋转多少度 $("#" + row).css({ 'transform': 'rotate(' + (deg + step) % 360 + 'deg)' }); } function getmatrix(a, b, c, d, e, f) { var aa = Math.round(180 * Math.asin(a) / Math.PI); var bb = Math.round(180 * Math.acos(b) / Math.PI); var cc = Math.round(180 * Math.asin(c) / Math.PI); var dd = Math.round(180 * Math.acos(d) / Math.PI); var deg = 0; if (aa == bb || -aa == bb) { deg = dd; } else if (-aa + bb == 180) { deg = 180 + cc; } else if (aa + bb == 180) { deg = 360 - cc || 360 - dd; } return deg >= 360 ? 0 : deg; //return (aa+','+bb+','+cc+','+dd); }
参考文档: http://m.blog.csdn.net/cengjingcanghai123/article/details/53537242
三.总结
花了将近一个月的时间,虽然过程磕磕碰碰,但总体来说还是完成了任务。不足之处有很多,比如前端样式贼丑(虽然我不是前端,不过小公司只能前后端兼收并蓄了),比如效率略低(这个是因为我之前做的是pb,c#虽然有基础,但是实际的开发经验并不多)。大体来说,对自己的表现还算满意,毕竟涉及到的东西都不太熟悉,一个月的时候能够完成任务,打个60分吧!我的优点在于逻辑能力与数据库(上一份工作是做erp的,虐出来),缺点也很明显(基础不够好,所以还是需要狠补基础),希望再接再厉!如果写下的这篇文章能够解决某个猿的部分问题,可以让某些猿少踩一个坑,我就挺开心的!文笔不好,絮絮叨叨,求轻虐!
请原谅我的痴心妄想,我只是个有情怀的程序员;
请约束你的躁动不安,我也是个有礼貌的程序员。